如何使用ng-repeat进行纯文本AngularJS

Question

我知道那样的东西会起作用:

<span ng-repeat="item in items">{{item.name}}</span>

我怎么能用纯文本做同样的事情？

我想{{items[0].name}}, {{items[1].name}}, {{items[2].name}}在纯文本中附加到我的html :)

在我的情况下,在输入内: <input type="hidden" name="items" value="{{items[0].name}},{{items[1].name}},{{items[2].name}}"/>

多谢你们!

Answer 1

我会使用一个简单的控制器功能:

<input name="items" value="{{commas(items)}}">

//in your controller.js
$scope.commas = function commas(items) {
    return items.join(",");
}

另一种选择可能是过滤器:

<input name="items" value="{{ items | commas }}">

//in your javascript
myApp.filter("commas", function () {
  return function commasFilter(list) {
    return list.join(",");
  }
});

但总的来说,在模板中保持逻辑简单明了,并在内置模式不足时转移到控制器,过滤器或指令.