2016-06-13 6 views
0

は私が怒鳴るような単純な角度のドロップダウンがあります。どのように特定の値をドロップダウンに角度を設定するには?

<select class="form-control" ng-model="docPropIdentityModel.OwnerLevel" 
     ng-options="ownerLevel as ownerLevel.LevelName for ownerLevel in ownerLevels track by ownerLevel.OwnerLevelID"> 
     <option value="">--Select--</option> 
</select> 

私はOwnerLevelIDの値をしましたが、私は、ドロップダウン&の値としてOwnerLevelIDを割り当てるそれぞれのLevelNameを示しました。私はjQueryを使って簡単にこれを行うことができますが、角度のある方法で行いたいです。

私は怒鳴るようなモデルに値を代入しようとした:

$scope.docPropIdentityModel.OwnerLevel = "123456"; 

しかし、それは動作しませんでした。どのようにそれを行うことができますか?

+1

'$ scope.docPropIdentityModel.OwnerLevel = {OwnerLevelID: "123456"};' – Satpal

+0

あなたは 'OwnerLevelID'は' STRING'ではなく 'number'であることを確信していますか? '$ scope.docPropIdentityModel.OwnerLevel = 123456;' – Kutyel

答えて

2

あなたがtrack by式を使用しているとして、あなたはngModelに関連付けられたオブジェクトのOwnerLevelIDプロパティを設定する必要があります。

$scope.docPropIdentityModel.OwnerLevel = { OwnerLevelID : "123456"}; 

jsFiddle

1
<!DOCTYPE html> 
<html> 
<head> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.5/angular.min.js"></script> 
    <script> 
     angular.module("myapp", []) 
      .controller("MyController", function ($scope) { 
       $scope.register = {}; 
       $scope.register.countryId = "4"; 

       $scope.register.countries = [{ 
        id: "1", 
        name: "India" 
       }, { 
        id: "2", 
        name: "USA" 
       }, { 
        id: "3", 
        name: "UK" 
       }, { 
        id: "4", 
        name: "Nepal" 
       }]; 
      }); 
    </script> 
</head> 
<body ng-app="myapp"> 
    <div ng-controller="MyController"> 
     <div> 
      Country Name : <select ng-model="register.countryId" ng-options="country.id as country.name for country in register.countries"></select> 
     </div> 
     <div> 
      Country-Id : {{register.countryId}} 
     </div> 
    </div> 
</body> 
</html> 
関連する問題