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

Question

我想得到类似的东西：

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

使用 ng 重复。行不应该分开，除了<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

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