Question

我有这样的代码

    <div ng-app="">
        <script type="text/ng-template" id="/tpl.html">
            I am from a template.
        </script>
        <div ng-include="'/tpl.html'"></div>
    </div>
    <script> angular.module('a', []);</script>
    <div ng-app="a">
        <script type="text/ng-template" id="/tpla.html">
            I am from a template a.
        </script>
        <div ng-include="'/tpla.html'"></div>
    </div>
    <script> angular.module('b', []).controller('myCtrl', function ($scope) {});</script>
    <div ng-app="b" ng-controller="myCtrl">
        <script type="text/ng-template" id="/tplb.html">
            I am from a template b.
        </script>
        <div ng-include="'/tplb.html'"></div>
    </div>

输出是：

我来自模板。

为什么当我使用＆＃34; ng-include＆＃34;在一个模块里面它不起作用？我什么都错过了？

Answer 1

Angular在引导应用程序时只考虑第一个找到的ng-app属性。第二个ng-app="a"被忽略了。

如果您想在同一页面上安装多个Angular应用程序，则需要使用angular.bootstrap方法手动引导它们（不使用ngApp指令）。

带模块的角度脚本模板不起作用

1 个答案: