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">
我有一个 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">