ng-include is not including content.html

ng-include is not including content.html

本文关键字：content html including not is ng-include      更新时间：2023-09-26

我目前使用的是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>

这是行不通的。

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

plnkr.co/edit/OagoGf8AVIRxFgGVZSl

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

格式为

angular调用angular，

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

('myapp'模块的名称

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

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

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

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

看起来你来自PHP，所以一旦你开始使用angular，你就会得到真正的享受。祝你的应用程序好运！

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

看看控制台错误？

Plunker说没有模块"myApp"。所以，您没有在plunker中包含任何.js文件。

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

Angular实际上并没有在该页面上运行。仅仅在<head>中包含angular是不够的。

以下是您迄今为止所做的工作：

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

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

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

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

这是你的plunkr更新

希望这能有所帮助。

相关文章：