在angularjs中添加外部html模板

Question

我正在使用一个指令在我的页面上注入一些特定的内容。我们有一个要求，当url属性指向html文件时，该文件的内容需要在我的页面上呈现。我如何才能做到这一点？

<section>
<block-with-html 
url = "locatiion of html file">
</block-with-html>
</section>

angular
.module('app.blockWithHtml', [])
.directive('blockWithHtml', BlockWithHtmlDirective);

 function BlockWithHtmlDirective(ConfigBlocksService) {
   return {
     restrict: 'E',
     scope: {
       url: '='
     },
     template: `
       <section  >
         <h4>block with html</h4>
         <div>content form the html file goes here</div>
       </section>
     `,
   }
 }

Answer 1

1. 如果你想传递不是表达式的字段，尝试这样做：
2. 如果你要求指令的源模板将根据传递的表达式“动态”设置- it is 。原因是指令的模板是在编译阶段上设置的-这是angularjs‘打开’所有指令的模板并将它们放在dom 上的地方，但作用域还没有创建，这将发生在链接阶段，在这个阶段，angularjs遍历每个指令的模板，为它创建一个作用域，并绑定所有事件。对于摘要，您不能根据expression.传递模板位置