使用角度引导选择

Question

设置一个下拉选定的选项我试图设置一个选项与角引导选择（在我的例子中，我使用一个简单的按钮），我更新ng模型，我可以看到选择的变化，和迅速返回到默认值。

这是一个代码段：

function SelectCtrl($scope, $timeout) { 

    $scope.options = [ 
     {value: 'option1', text: 'option 1'}, 
     {value: 'option2', text: 'option 2'}, 
     {value: 'option3', text: 'option 3'} 
    ]; 


    $scope.updateOption = function() { 


     $scope.theOption = $scope.options[0]; 

     $timeout(function() { 
     $('.selectpicker').selectpicker('refresh'); 
     }); 
    } 

} 

这是EXAMPLE。

Answer 1

错误在角引导-select.js定义的指令，删除此部分，并尝试：

ngModel.$render = function() { 
    $timeout(function() { 
     element.selectpicker('val', element.val() || ''); 
    }); 
    }; 

Answer 2

注释掉行“$ scope.theOption = $ scope.options [0];”应该管用。

这应该工作：

angular.module('selectDemoApp', ['angular-bootstrap-select', 'angular-bootstrap-select.extra']); 

function SelectCtrl($scope, $timeout) { 

    $scope.options = [ 
      {value: 'option1', text: 'option 1'}, 
      {value: 'option2', text: 'option 2'}, 
      {value: 'option3', text: 'option 3'} 
     ]; 


$scope.updateOption = function() { 


    //$scope.theOption = $scope.options[0]; 

    $timeout(function() { 
     $('.selectpicker').selectpicker('refresh'); 
    }); 

} 

}