2017-05-31 87 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