ng在没有HTML元素的情况下重复（这次真的没有任何）

我想得到这样的东西：

Line 1<br>
Line 2<br>
Line 3<br>
Line 4<br>
Line 5<br>

第1行

第2行

第3行

第4行

第5行

---

使用ng重复。除了

之外，行之间不应有任何分隔。这里有一个简单的指令，用于硬编码

HTML:

app.directive（'hiddenRepeat'，函数（$parse）{
返回{
链接：功能（范围、要素、属性）{
变量数据=$parse（attr.hiddenRepeat）（范围）；
如果（数据）{
对于（var i=0；i”）；
}  
}
}
};
});

在行动中看到它：

---

此解决方案允许您在属性中指定指令（在本例中为隐藏重复）。通过使用指令的属性版本，您可以指定换行元素是什么（在本例中为段落）。

我将使用一个换行元素，它接受一个“行”数组，并将其显示出来，例如

。我得跑了，否则我会给你举个例子。等我有空的时候再问这个问题。谢谢。我总是对Angular从最简单的事情中解决复杂问题的能力感到好奇。+1我更喜欢这个版本-我不太清楚为什么我使用元素指令来完成这个任务。我已经删除了我的答案，并编辑了你的答案，因此它不再引用我以前的答案。起初我实际上做了一个元素指令，但让我恼火的是，我无法完全删除/排除它，这让我开始研究属性方法。

<p hidden-repeat="lines"></p>

app.directive('hiddenRepeat',function($parse){
  return {
    link: function(scope, elem, attr){
      var data = $parse(attr.hiddenRepeat)(scope);
      if(data){
        for (var i=0;i< data.length;i++){ 
          elem.append(data[i]+ "<br />");
        }  
      }
    }
  };
});