我该如何在视图中显示已选择的对象

时间:2017-06-09 11:47:34

标签: angularjs

我根据Id值传递Id值,我的视图页面应显示该Id的名称。

例如:

[ {'id':1;'name':'viji'} ,{'id':2;'name':'venkat'}, {'id':3;'name':'eniya'}]

此外,我还需要使用ng-model="vendorObj"中的名称获取所选Id的对象。

<select ng-disabled="isView" ng-model="vendorObj" name="vendorname" ng-options="data.name for data in customerList | orderBy:'name' track by data.id"  ng-change="obj(vendorObj)">
   <option ng-readonly="isView" value=""></option>
</select>

有人能告诉我如何解决这个问题吗?

2 个答案:

答案 0 :(得分:0)

我已对JSON数据进行了必要的更改。 你不需要html中的元素。 看看这里的小提琴 - open fiddle here

 angular.module('myApp', [])
.controller('MyCntrl', function($scope){
$scope.dataList = [
    {'id':1,'name':'viji'} ,
  {'id':2,'name':'venkat'},
  {'id':3,'name':'eniya'}
];
$scope.func = function(a_selectedData) {
    console.log('a_selectedData', a_selectedData);
}
});

答案 1 :(得分:0)

如果您想在列表中选择对象的name。您可以执行以下操作:

ng-options="data.name as data.name for data in customerList | orderBy:'name' track by data.id"