我希望得到类似的东西:
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).通过使用指令的属性版本,您可以指定包装元素的内容(在本例中为段落).