Question

我目前正在使用1.5.3 AngularJS版本＆amp; ng-include =“'file.html'”无效

<!DOCTYPE html>
<html lang="en-US" ng-app="myApp">
    <head>

        <!-- Include AngularJS Files -->
        <script src="vendor/AngularJS/angular.min.js"></script>

        <title>Website Title</title>
    </head>
    <body>

        <!-- Include Content.html to index.html -->
        <header ng-include="'content.html'"></header>

    </body>
</html>

当我运行此代码时，它不会在index.php上显示任何内容

content.html存在：

<h1>Hello, this is my website.</h1>

它将无法正常工作。

我的plunker代码，看看我是怎么做的

plnkr.co/edit/OagoGf8AavIRxFgGVZSl

Answer 1

只是看一下控制台错误？

Plunker说没有模块＆＃34; myApp＆＃34;。所以，你没有在plunker中包含任何.js个文件。

实际上我并不知道，在没有任何js的情况下，角度工作正确，但在正常情况下，您应该为每个页面定义主应用模块和控制器

Answer 2

您必须使用angular.module将应用程序角度引导至dom。这是角度开始的方式。

格式为

angular调用angular，

.module指定角度您要查找的模块，

('myapp'模块的名称

, [])指定您的应用所具有的任何依赖关系。您可以将各种各样的东西附加到您的应用程序中，这非常有用。

总而言之，那是angular.module('myApp', [])

注意，您可以在不使用angular.module('myApp')的情况下随时重新启动应用程序而无需依赖数组。这将检索您的应用程序而不实例化它。然后你可以链接控制器，工厂，无论如何：

angular.module('myApp').controller('MyCtrl', function($scope) {})

看起来你是来自PHP，所以一旦你开始使用角色，你就可以获得真正的享受。祝你的应用好运！

在这里，我编辑了你的plunker：http://plnkr.co/edit/fQnngC49d5QsHAzti7Nc

Answer 3

Angular实际上并未在该页面上运行。只需在<head>中包含角度即可。

以下是您迄今为止所做的事情：

定义一个拉入角度库的HTML文件。
编写HTML，告诉页面应该使用角度模块myApp。

您现在需要做的就是创建该模块。为此，只需用一行创建一个javascript文件：

angular.module('myApp', []);

这会在全局范围内创建一个名为myApp的角度应用。然后添加<script>标记，以在index.html中包含新的.js文件。那就是它！现在Angular将查看您的HTML文件，看到您希望应用程序myApp在HTML上运行，它将在您的新JS文件中找到该应用程序。

Here's your plunkr updated

希望这有帮助。

ng-include不包括content.html

3 个答案: