ng-repeat没有HTML元素（这次真的没有任何）

Question

我希望得到类似的内容：

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

使用ng-repeat。除了<br>

之外，所有行都应该分开

Answer 1

这是一个简单的指令，硬编码<br>

HTML：

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

查看实际操作：http://plnkr.co/edit/Y8eahPYmBr5ohbWCInde?p=preview

此解决方案允许您在属性中指定指令（在本例中为hidden-repeat）。通过使用指令的属性版本，您可以指定包装元素的内容（在本例中为段落）。