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

前端之家收集整理的这篇文章主要介绍了Angularjs templateUrl无法绑定ng-repeat内的属性前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用指令来显示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

原文链接:https://www.f2er.com/angularjs/143265.html

猜你在找的Angularjs相关文章