почему angularjs не работает с раскрывающимся списком кнопок? - PullRequest
Новая
       31

почему angularjs не работает с раскрывающимся списком кнопок?

0 голосов
/ 09 октября 2018

Я хотел бы нажать кнопку раскрывающегося списка, однако html не показывает раскрывающийся список. 

<body ng-controller="appCtrl">
            <br>
            <div class="container" >
            <button ng-repeat="item in buttons" type="button" class="btn" ng-class="item.isActive"
                ng-click="activeButton(item)">{{item.name}}<span class="price">  {{item.price}}</span></button>

                <div class="btn-group" uib-dropdown is-open="status.isopen">
                    <button id="single-button" type="button" class="btn btn-primary" uib-dropdown-toggle ng-disabled="disabled">
                        More <span class="caret"></span>
                    </button><p>
                    <ul class="dropdown-menu" uib-dropdown-menu role="menu" aria-labelledby="single-button">
                        <li role="menuitem"><a >Pickup Truck</a></li>
                        <li role="menuitem"><a >Luxury</a></li>
                        <li role="menuitem"><a >Convertible</a></li>
                        <li role="menuitem"><a >Commercial</a></li>
                    </ul>
                </div>


Функции углового контроллера 

$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;
    };

Как это можно сделать?

...