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

【问题标题】：AngularJS : Display a property value of multiple objects in an input text field, comma separatedAngularJS：在输入文本字段中显示多个对象的属性值，逗号分隔
【发布时间】：2016-11-22 06:47:13
【问题描述】：

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

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

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

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

【问题讨论】：

标签： javascript angularjs arrays angular-nglist

【解决方案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">

【讨论】：

和角度你可以指定为 $scope.usermodel=users.map(function(el){return el.name} ).join(",") @sreehari
$scope.userModel = users.map((e) => e.name).join(","); :)