javascript - angular bootstrap select を使用して、ドロップダウンの選択されたオプションを設定します

Question

角度付きのブートストラップ選択でオプションを設定しようとしています (私の例では単純なボタンを使用しています)。ng-model を更新すると、選択の変更が表示され、すぐにデフォルト値に戻ります。

これはコードのスニペットです:

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');
       }); 
    }

}

これは例です。

Answer 1

「$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');
     });

 }

}