Angularjs templateUrl无法绑定ng-repeat内的属性

发布时间：2020-12-17 07:50:04 所属栏目：安全来源：网络整理

导读：我正在使用指令来显示html片段. 而在指令里面的templateUrl, 能够将片段包含为html文件. 如果我试着打电话,该指令不起作用在内置的ng-repeat指令中 ({{snip}}按原样传递,无替代)： div ng-repeat="snip in ['snippet1.html','snippet2.html']" my-template

我正在使用指令来显示html片段.

而在指令里面的templateUrl,
能够将片段包含为html文件.

如果我试着打电话,该指令不起作用
在内置的ng-repeat指令中
({{snip}}按原样传递,无替代)：

div ng-repeat="snip in ['snippet1.html','snippet2.html']">
  <my-template snippet="{{snip}}"></my-template>
</div>

作为参考,这是指令：

app.directive("myTemplate",function() {
return {
    restrict: 'EA',replace: true,scope: { snippet: '@'},templateUrl: function(elem,attrs) {
      console.log('We try to load the following snippet:' + attrs.snippet);
      return attrs.snippet;
    }
  };
});

还有一个plunker demo.

非常感谢任何指针.
(该指令在我的代码中更复杂,
我试图得到一个最小的例子,问题是可重现的.)

在指令执行期间不插入用于templateUrl的attrs param.您可以使用以下方法来实现此目的

app.directive("myTemplate",function() {
  return {
    restrict: 'EA',replace: false,template: '<div ng-include="snippet"></div>'
  };
});

演示：http://plnkr.co/edit/2ofO6m45Apmq7kbYWJBG?p=preview

（编辑：李大同）

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