2017-05-31 12 views
2

私は角度JS編集フォームで開いて選択ボックス

<div class="col-sm-8 col-xs-12"> 
      <select id="roleData" ng-model="task.rolemodel.role" class="form-control"> 
       <option value="">-- Select Role --</option> 
       <option data-ng-repeat="roleData in roleDatas" value="{{roleData.id}}">{{roleData.role}}</option> 
      </select> 
    </div> 
</div> 


$scope.populateValues=function(){ 
         alert($scope.task.name); 
      $http({method: 'GET', url: 'getTaskDetailsById' , params:{taskId:$scope.task.name}}). 
      success(function(data, status, headers, config) { 
        console.log(data); 
        $scope.task=angular.copy(data);    
       }). 
       error(function(data, status, headers, config) { 
        alert("Error Occured"); 
       }); 
      }; 

今タスクがID

created_by:null 

created_on:null 

description:"abc" 

group_id:1 

groupmasterModel:Object 

     created_by:1 
     created_on:1496039260000 
     description:"Onboarding & Offer Processing" 
     group_name:"Onboarding & Offer Processing" 
     id:1 
     updated_by:1 
     updated_on:1496039266000 
     id:15 

    name:"gg" 

role_id:1 

rolemodel:Object 

    created_by:1 
    created_on:1493791080000 
    id:1 
    role:"System" 
    updated_by:1 
    updated_on:1493791086000 

sub_task_type1:"mail" 

sub_task_type2:"upload" 

updated_by:null 

updated_on:1496060158000 

でとhtmlに選択されたときにAJAX呼び出しを介してサーバーから来ているオブジェクト私が持っているドロップダウンリストを持っています私の質問は、私はフォームを編集する必要があることですsaveafter編集....私は編集フォームでフォームを開く必要があります。 私の問題は、私は空白のドロップダウンを示すだけで選択しない.its rolemodelオブジェクトからその名のドロップダウンロール_idがそれぞれ編集する必要があるということです

オプションのattrの代わりに

答えて

0

は、あなたが(NG-モデル値)を保存しているものは何でも価値、それを使用する参照

<select ng-options="item as item.label for item in items track by item.id" ng-model="selected"></select> 

もっと

としてのようなリストをバインドするためにNG-オプションを使用することができます選択された。

<select id="roleData" ng-model="task.rolemodel.role" class="form-control"> 
     <option value="">-- Select Role --</option> 
     <option data-ng-repeat="roleData in roleDatas" ng-selected="{{task.rolemodel.role == roleData.id}}" value="{{roleData.id}}">{{roleData.role}}</option> 
    </select> 
+0

申し訳ありませんそれも解決されていません。 – Tajinder

+1

解決されたony私はng-selected = "task.role_id == {{roleData.id}}"を追加しました。 – Tajinder

0

早く任意のソリューション。あなたはng-で対応する選択IDのために比較することhttps://docs.angularjs.org/api/ng/directive/ngOptions

+0

いいえ...解決されていません...... – Tajinder

+0

編集モードであなたのロールリストはバインドされていますか? –

+0

through inspect要素を見ると、値は保持されていますが、それぞれのテキストが表示されていないことがわかります..... – Tajinder

関連する問題