javascript - AngularJS : ng-repeat for plain text

标签 javascript html angularjs input angularjs-ng-repeat

我有:

app.controller('items', function($scope){
   $scope.items = [
      {'id':1, 'name':'randomOne'},
      {'id':2, 'name':'whatEverName'} 
   ];
});

我想要什么:

<input value="1,2"/>

我了解了ng-repeat,但它只能用在html标签上。有没有办法用 AngularJS 来实现这一点?

谢谢!

最佳答案

使用过滤器:

.filter('getIds', function () {
  return function (items) {
    return items && items.map(function (item) {
      return item.id;
    }).join(',');
  }
})

在你的html中:

<input value="{{ items | getIds }}" />

示例 Plunker: http://plnkr.co/edit/ifHKzWqxtErQQVToMNsH?p=preview

关于javascript - AngularJS : ng-repeat for plain text,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24718592/

相关文章:

javascript - 如何在React JS中不使用JavaScript提示来收集Firebase电话验证码

javascript - 如何在鼠标悬停时暂停 Jquery div slider 并在鼠标移出时重新启动它

javascript - jquery 切换动画/以相反的顺序

php - 如何在不影响较小图像的情况下使网页上的图像适合最大宽度?

html - SVG坐标系旋转倾斜 Angular

javascript - 在js函数中从数组id中检索值

php - 无法对 PHP 脚本使用 get 方法

angularjs - AngularJS中的全局错误处理

javascript - 具有特定名称的 Angular Controller 未注册

javascript - 使用 AngularJS 过滤 Firebase 数据