ng-repeat没有HTML元素(这次真的没有任何)

前端之家收集整理的这篇文章主要介绍了ng-repeat没有HTML元素(这次真的没有任何)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我希望得到类似的东西:
Line 1<br>
Line 2<br>
Line 3<br>
Line 4<br>
Line 5<br>

使用ng-repeat.除了< br>之外,所有行都不能分开.

解决方法

这是一个简单的指令,硬编码< 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).通过使用指令的属性版本,您可以指定包装元素的内容(在本例中为段落).

猜你在找的HTML相关文章