2016-11-30 8 views
0

私は次のHTMLコードを持っています。一度ロードすると、選択ドロップダウンがDBから来るエントリを自動的に選択するようにします - この場合はrule.id変数から来ます。どのようにAngularJSでこれを行うのですか?AngularJSの特定の値にドロップダウンを設定します

<div class="card-second-input" ng-if="rule.unfolded"> 
    <select ng-init="rule.actionId" class="rectangle-30" ng-class="rules-option" ng-model="selectedAction" ng-options="team.name for team in teams track by team.id"> 
    <option class="rules-option" value="">Select Team</option> 
    </select> 
</div> 

P.S私は

+0

デフォルトで表示したい値は、データがdbからロードされた後で 'selectedAction'モデルにその値を代入します。 –

答えて

2

は、基本的にはこの変更を行うことができます必要なチームのオブジェクトへのNG-モデルの値を設定する角度1.1使用しています。

これはコントローラ内部で行う必要があります。

は親切に次のコードを調べ有する: - ライン $ scope.selectedAction = { "B"、 "ID": "名前" 2}に

 <!DOCTYPE html> 
      <html> 
      <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"> 
      </script> 
      <body> 

      <div ng-app="myApp" ng-controller="myCtrl"> 
       <select class="rectangle-30" ng-model="selectedAction" ng-options="team.name for team in teams track by team.id"> 
       <option value="">Select Team</option> 
       </select> 
      <script> 
       var app = angular.module('myApp', []); 
       app.controller('myCtrl', function($scope) { 

       $scope.teams = [ 
        {"name": "A", "id" : 1}, 
        {"name": "B", "id" : 2}, 
        {"name": "C", "id" : 3}, 
        {"name": "D", "id" : 4} 
       ]; 
       $scope.selectedAction = {"name": "B", "id" : 2}; 
       }); 

      </script> 

      </body> 
     </html> 

フォーカス。

+0

@Zabs ...質問があった場合にお知らせください。 –

+0

ありがとうございました。 – Zabs

1

使用この

ng-options="team.id as team.name for team in teams track by team.id" 

ようng-optionやセットアイテムIdはDBから取得し、コントローラからこの$scope.selectedAction = ieamIdのようにモデル化するために後にあなたが解決策になるかもしれないと思います。

関連する問題