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

发布时间：2020-12-14 23:21:22 所属栏目：资源来源：网络整理

导读：我希望得到类似的东西： Line 1brLine 2brLine 3brLine 4brLine 5br 使用ng-repeat.除了 br之外,所有行都不能分开. 解决方法这是一个简单的指令,硬编码 br HTML： p hidden-repeat="lines"/papp.directive('hiddenRepeat',function($parse){ return { link:

我希望得到类似的东西：

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!