Question

我想在我的网站上实现AngularJS的ng-include语句，以减少代码冗余，但无法让它完全正常工作。目前，我的index.html页面正在呼叫pageLayout.html我的index.html已成功呼叫pageLayout.html，但在<h1>中添加index.html代码时，我无法投放它位于我调用的pageLayout.html内容之上。有没有人有任何想法？

以下是链接：http://plnkr.co/edit/uarelZgzmITJXg2pYXfg?p=preview

我也尝试使用如下指令：http://plnkr.co/edit/VmAO47l7RMXTGYYFFgLB?p=preview但仍有问题。

谢谢！

Answer 1

转换策略设置为element而不是true，因此您无法插入额外内容。

此外，内容已被删除everytime the template value changes

使用ngInclude does not make sense

进行翻译

如果你想避免代码重复，我宁愿使用带有翻译的指令（或绑定标题），例如

directive('pageContainer',function(){
  return {
      template:'<div class="divSize" ><h1>{{title}}</h1><div ng-transclude></div></div>',
      scope:{
        title:"@"
      }
  }
})

使用AngularJS ng-Include或Directive调用html

1 个答案: