2017-05-31 55 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調用一個對象,我有下拉列表我的問題是,我需要編輯窗體以及保存後編輯....所以我需要在編輯窗體中打開窗體。 我的問題是,我需要編輯的下拉作用_id各自的名字來自物體的RoleModel的。其不選擇只是顯示空白下拉

任何解決方案快

回答

0

無論價值要保存(NG-模型值),用它來比較在NG-所選擇的相應ID選擇。

<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

代替選項attr的。您可以使用NG選項綁定列表等作爲

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

更多參考https://docs.angularjs.org/api/ng/directive/ngOptions

+0

沒有......它沒有解決...... – Tajinder

+0

在編輯模式你的roleDatas列表綁定與否? –

+0

通過檢查元素我可以看到,其持有的價值,但各自的文字不顯示.....在下拉 – Tajinder