【问题标题】:Repeat string in angular template without any tags在没有任何标签的角度模板中重复字符串
【发布时间】:2015-01-31 23:49:15
【问题描述】:

在不使用任何html标签的情况下,在角度模板中是否不可能在DOM中重复一个数组。

//like
<!-- required output -->
<div class="names">
name1 name2 name3 name4
</div>

//expected syntax
<ng-repeat item in items>
{{item.name}}&nbsp;
</ng-repeat>

【问题讨论】:

  • 使用 span 之类的标签可以获得类似的显示效果,这能实现什么?
  • @kubuntu 我不想添加任何标签。只是好奇它是否可以实现?

标签: angularjs angular-directive


【解决方案1】:

我没有使用ng-repeat,而是使用foreach

这是工作的code

var app = angular.module('plunker', []);

app.controller('MainCtrl', function($scope) {
  $scope.items = ["simon", "joy","dona", "divya"];
  $scope.names = function (argument) {
    var allNames = "";
    angular.forEach($scope.items, function(item) {
      allNames = allNames + item + "  ";
    });
    return allNames;
  };
});



<body ng-controller="MainCtrl">
   <div>{{names()}}</div>
</body>

【讨论】:

  • 否则你可以在 span 中使用 ng-repeat 名称
  • 是的,我可以通过跨度来做到这一点,但我想在没有任何额外标签的情况下做到这一点。有没有像车把这样的其他模板引擎那样的其他方法——{{#each}}
  • 打勾。为正确答案。希望你得到答案
猜你喜欢
  • 2021-08-17
  • 1970-01-01
  • 2016-03-27
  • 1970-01-01
  • 2016-04-02
  • 2020-08-08
  • 1970-01-01
  • 2021-03-20
  • 2011-03-27
相关资源
最近更新 更多