使用模板从1指令到另一个指令模板

时间:2017-02-02 07:09:18

标签: angularjs angularjs-directive angularjs-ng-transclude

基本上我有2个自定义指令,每个指令都有自己的模板。我需要的是将其中一个模板插入另一个模板。我也读过关于翻译的内容,但不能绕过它。任何想法都会有很大的帮助!

1 个答案:

答案 0 :(得分:1)

来自AngularJS网站的一个例子:

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.5/angular.min.js"></script>

<html>

<body>
  <div ng-app="Test">
    <div ng-controller="ctr1 as ctr1">
      **Controller 1**
      <p>
        {{ctr1.data.user}}
    </div>
    <div ng-controller="ctr2 as ctr2">
      **Controller 2**
      <p>
        {{ctr2.data.user}}
    </div>
  </div>
</body>

您必须在angular.module内创建自定义指令,在本例中为&#34; pane&#34;。完成后,该指令存在于应该是您的应用程序的模块中,您可以自由地使用它,因为它是从指令示例返回的。在这种情况下,该示例使用&#34;窗格&#34;指令,它将被转换的模板与它相关联。