javascript - AngularJS：在输入文本字段中显示多个对象的属性值，逗号分隔

Question

我有一个格式为 JSON 对象的数组

users=[{id:'1',name:'ABC'},{id:'2',name:'DEF'},............]

我需要以input text field逗号分隔显示所有用户的名称，如下图所示。

我尝试使用ng-list指令，但为此我必须首先遍历用户对象并将所有名称存储在一个单独的数组中，然后将该数组用作ng-model元素<input>。angularjs中是否有一种简单的替代方法？

Answer 1

一个简单的 JS 解决方案使用 Map 函数在数组中获取所需的属性，然后对其使用连接

 var users=[{id:'1',name:'ABC'},{id:'2',name:'DEF'}];

 $scope.userModel = users.map(function(el){return el.name}).join(",");

 <input type="text" ng-model="userModel">