これはいくつかのガイダンスを使用することができます... ng-repeatを使用するかどうかにかかわらず、モデルORのリストに項目を手動で一覧表示します。AngularJS + Bootstrap:ドロップダウンリストが正しく設定されていない
<div class="row">
<div class="col-md-4 col-md-offset-4">
<div class="input-group-btn">
<a href="#/{{selectedAction.id}}"><button type="button" class="btn btn-info" ng-click="submit()"> {{selectedAction.name}}</button></a>
<button type="button" class="btn btn-default btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <span class="caret"></span></button>
<ul class="dropdown-menu dropdown-menu-right">
<li ng-repeat="action in actions">
<a href="#" ng-click="setAction(action)">{{action.name}}</a>
</li>
</ul>
</div><!-- /btn-group -->
</div><!-- /.col-lg-4 -->
</div><!-- /.row -->
また、より重要なのは、NG-クリックディレクティブは、正常な結合を経由してDOMを変更する必要がありますが、これはどちらか動作するようには思えません。あなたはここにコードの動作を確認することができます
var DropDownApp = angular.module('DropDownApp', []);
DropDownApp.controller('DropDownCtrl', ['$scope', function($scope) {
$scope.actions = [
{id: 'action1', name: 'Action 1'},
{id: 'action2', name: 'Action 2'},
{id: 'action3', name: 'Action 3'}
];
$scope.selectedAction = $scope.actions[0];
$scope.setAction = function(action) {
$scope.selectedAction = action;
console.log("selected==>", $scope.selectedAction);
$scope.submit();
};
$scope.submit = function() {
console.log($scope.selectedAction.id);
};
}]);
モジュール依存リストに 'ui.bootstrap'を含めておらず、' uib-dropdown'ディレクティブを使用していません。 https://angular-ui.github.io/bootstrap/#/dropdown – Phil