AngularJS : 在输入文本字段中显示多个对象的 属性 值,逗号分隔

AngularJS : Display a property value of multiple objects in an input text field, comma separated

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

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

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

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

一个简单的 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">