ng-include不包含content.html

Question

我目前正在使用1.5.3 AngularJS版本，并且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>

只是行不通。

我的代码查看我如何做

plnkr.co/edit/OagoGf8AavIRxFgGVZSl

Answer 1

只是看看控制台错误？

Plunker说没有模块“ myApp”。 因此，您没有在plunker中包含任何.js文件。

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

Answer 2

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

格式为

angular的称为有角度的

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

('myapp'模块的名称

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

总共就是angular.module('myApp', [])

请注意，您可以使用angular.module('myApp')随时挂接到您的应用程序，而无需重新引导，而无需依赖数组。 这将检索您的应用程序而不实例化它。 然后，您可以将控制器，工厂链接起来，如下所示：

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

看起来您来自PHP，因此一旦开始使用angular，您将获得真正的享受。 祝您的应用程序好运！

在这里，我编辑了您的监听器： http ://plnkr.co/edit/fQnngC49d5QsHAzti7Nc

Answer 3

Angular实际上不在该页面上运行。 仅在您的<head>角度是不够的。

到目前为止，您已完成以下操作：

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

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

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

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

这是您的朋克更新

希望这可以帮助。

ng-include不包含content.html

问题描述

3 个解决方案

解决方案1
2 2016-03-26 02:36:17

解决方案2
2 已采纳 2016-03-26 02:47:57

解决方案3
2 2016-03-26 02:57:21

ng-include不包含content.html

问题描述

3 个解决方案

解决方案1 2 2016-03-26 02:36:17

解决方案2 2 已采纳 2016-03-26 02:47:57

解决方案3 2 2016-03-26 02:57:21

解决方案1
2 2016-03-26 02:36:17

解决方案2
2 已采纳 2016-03-26 02:47:57

解决方案3
2 2016-03-26 02:57:21