javascript - 如何将 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

我会使用一个简单的 Controller 函数:

<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(",");
  }
});

但一般来说，保持模板中的逻辑简单明了，并在内置的逻辑不够用时转移到 Controller 、过滤器或指令。