无法以编程方式在angular-bootstrap-select插件中选择值

Question

由于某种原因，选择控件会在初始化后忽略其模型的更改。 这是我的控制者：

mymodal.controller('MainCtrl', function ($scope) {
   $scope.data = ["Admin","Manager","User"];    
   $scope.selectedRole = "Admin";    

   $scope.btnClick = function() {        
      $scope.selectedRole = "User";        
   }; 
});

正如您最初所看到的，我将默认值设置为“Admin”，这是完美的。然后我尝试在按钮单击时将值更改为“用户”，此部分不起作用。我做错了什么？

这是 DEMO 。

Answer 1

您的代码很好，但是您错过了angular-bootstrap文件。您需要的文件是：

• bootstrap.min.css
• angular.js
• UI-自举-tpls.min.js

这是一个小提琴：http://jsfiddle.net/oxjc8eda/

<script type="text/javascript" src="ui-bootstrap-tpls.min.js"></script>