왼쪽에서 여는 각도 부트스트랩 드롭다운

왼쪽에서 여는 각도 부트스트랩 드롭다운

각도 부트스트랩 드롭다운 링크를 성공적으로 사용했습니다.그러나 문제는 드롭다운이 오른쪽에서 열린다는 것입니다.왼쪽에 열리게 하려면 어떻게 해야 합니까?여기 주어진 링크에서 사용된 마크업과 jsi가 있습니다.

마크업:

<div ng-controller="DropdownCtrl">
<!-- Single button with keyboard nav -->
<div class="btn-group" uib-dropdown keyboard-nav>
    <button id="simple-btn-keyboard-nav" type="button" class="btn btn-primary" uib-dropdown-toggle>
        Dropdown with keyboard navigation <span class="caret"></span>
    </button>
    <ul uib-dropdown-menu role="menu" aria-labelledby="simple-btn-keyboard-nav">
        <li role="menuitem"><a href="#">Action</a></li>
        <li role="menuitem"><a href="#">Another action</a></li>
        <li role="menuitem"><a href="#">Something else here</a></li>
        <li class="divider"></li>
        <li role="menuitem"><a href="#">Separated link</a></li>
    </ul>
</div>
</div>

js:

angular.module('ui.bootstrap.demo').controller('DropdownCtrl', function ($scope, $log) {
$scope.items = [
'The first choice!',
'And another choice for you.',
'but wait! A third!'
];

$scope.status = {
isopen: false
};

$scope.toggled = function(open) {
$log.log('Dropdown is now: ', open);
};

$scope.toggleDropdown = function($event) {
$event.preventDefault();
$event.stopPropagation();
$scope.status.isopen = !$scope.status.isopen;
};

$scope.appendToEl = angular.element(document.querySelector('#dropdown-long-content'));
});

제발 도와주세요.

클래스추가dropdown-menu-right당신에게<ul uib-dropdown-menu>.

기본적으로 드랍다운은 부모의 왼쪽에 정렬되어 오른쪽으로 갈수록 열립니다.클래스 추가시dropdown-menu-right오른쪽에 정렬되어 열립니다.

편집:
부트스트랩 4가 장착된 각도의 부트스트랩을 사용하면 드롭다운을 보다 세밀하게 배치할 수 있습니다.placement속성(가능한 선택 포함)bottom-right,right아니면top-right).
출처 : https://ng-bootstrap.github.io/ #/ components/ dropdown/api

Vue-Bootstrap은 다음을 제공합니다.right속성(boolean).
출처 : https://bootstrap-vue.js.org/docs/components/dropdown/ # bd-content

react-bootstrap이 속성을 호출합니다.pullRight(boolean)
출처 : https://react-bootstrap.github.io/components/dropdowns/ #btn- dropdowns-right

언급URL : https://stackoverflow.com/questions/35838156/angular-bootstrap-dropdown-to-open-on-left