Question

我正在使用ng-include来包含导航栏。结合ng-app =“”它可以正常工作。但是当我使用名称（例如ng-app =“myApp”）时，它就不再起作用了。见例。

<!DOCTYPE html>
<html>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
    <body >
        <div ng-app="">
        <div ng-include="'pages/navbar.html'"></div>
            <script src="app.js"</script>
        </div>

    </body>
</html>

app.js

var app = angular.module('myApp', []);
app.controller('mainController', function($scope) {
   });

以上工作正常，但当我插入名称“myApp”时，它会停止包括导航栏。

<!DOCTYPE html>
<html>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
    <body >
        <div ng-app="myApp">
            <div ng-include="'pages/navbar.html'"></div>
            <script src="app.js"</script>
        </div>

    </body>
</html>

为什么吗

Answer 1

你这里有一个错字

<script src="app.js"</script>

应该是

<script src="app.js"></script>

只要在angular.js之后加载，那么你的应用程序应该能够找到myApp模块的声明（你已经使用ng-app="myApp"

询问了它

在浏览器控制台中检查是否有任何错误 - 如果未加载脚本，您将看到类似cannot find module

的错误

Answer 2

我相信你错过了以适当的方式包含你的app.js文件。你在控制台得到任何错误吗？

被修改

<!DOCTYPE html>
<html>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
    <body >
        <div ng-app="myApp">
            <div ng-include="'pages/navbar.html'"></div>

        </div>
<script src="app.js"></script>
    </body>
</html>

当ng-app获取名称时，ng-include不起作用

2 个答案: