如何在Angular.JS指令中导入模板?

时间:2014-12-04 04:27:39

标签: angularjs directive

我想导入指令中外部控制器作用域中声明的模板文件。如何在标签中获取HTML代码?

JS示例

  app.directive('memberList', function ($compile,$templateCache) {

        ..
        link : function(scope, element){        
         /* 
            I'd like to bring in this section are declared 
            in the html script tag(listMemberTmp). 
         */

       };
       ..
  });

HTML Exmplate。

<div member-list></div>


<script type="text/ng-template" id="listMemberTmp">     
html code

</script>

1 个答案:

答案 0 :(得分:0)

你为什么不转录?

HTML:

<div member-list>
  html code
</div>

JS:

app.directive('memberList', function ($compile,$templateCache) {
  ..
  transclude: true
  ..
});

参考:https://docs.angularjs.org/guide/directive

参见章节:创建包含其他元素的指令