dropdown angularjs bootstrap

試圖做下拉與angularJS和靴子指導，但id不工作，雖然:)這是我的代碼：我不知道，也許它只是老教程，我使用，但多數民衆贊成所有我現在發現。dropdown angularjs bootstrap

<!DOCTYPE html> 
<html lang="en" ng-app="app"> 
<head> 
    <meta charset="UTF-8"> 
    <title>Angular</title> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> 
    <link rel="stylesheet" href="css/style.css"> 
    <script src=""></script> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script> 
    <script src="js/app.js"></script> 
</head> 
<body ng-controller="dropdown"> 
<div class="dropdown"> 
    <button type="button" class="btn btn-danger">Menu</button> 
    <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" ng-model="dd.data.multipleSelect"> 
    <span class="caret"></span> 
    <span class="sr-only">Toggle Dropdown</span> 
    </button> 
    <ul class="dropdown-menu"> 
    <li ng-repeat="a in subjects"><a ng-click="dropboxitemselected(a)">{{a}}</a><li> 
    </li> 
    </ul> 
</div> 
</body> 
</html>

var app = angular.module ('app', []); 

app.controller('dropdown', function ($scope) { 
    $scope.subjects = ['Math', 'Physics', 'Chemistry', 'Hindi', 'English']; 
    $scope.selectedItem; 
    $scope.dropboxitemselected = function (item) { 

     $scope.selectedItem = item; 
     alert($scope.selectedItem); 
    }; 

});

來源

2017-07-03 shoopik

您還沒有包括** ** bootstrap.js文件 –

謝謝兄弟，現在的作品，我的上帝啊，爲什麼它這樣很難 – shoopik

自舉下拉例子說，在一個<div class="dropdown">包裹的一切。如果你不知道這是行不通的......

<div class="dropdown"> 
    <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Dropdown Example 
    <span class="caret"></span></button> 
    <ul class="dropdown-menu"> 
    <li><a href="#">HTML</a></li> 
    <li><a href="#">CSS</a></li> 
    <li><a href="#">JavaScript</a></li> 
    </ul> 
</div>

來源

2017-07-03 14:23:43 shmow

感謝你，現在它工作正常 – shoopik

dropdown angularjs bootstrap

回答

相關問題