Question

以下是firstAngularJSApp.html

<html ng-app="store"><!-- "ng-app" creates and angular app by running the module. because of ng-app html inside of this tag will be treated as part of angular app --> 
<head>
    <link rel="stylesheet" type="text/css" href="bootstrap.min.css"/>
    <script type="text/javascript" src="angular.min.js"></script>
    <script type="text/javascript" src="app.js"/>
</head>
<body>

<p>I am {{ 4+6 }}</p>

</body>
</html>

这是 app.js

var app = angular.module('store',[]);

当我加载页面时，我不会得到“我是10”而不是它的空白页面。但是当我使用Ctrl+U打开源代码时，我可以看到"<p>I am {{ 4+6 }}</p>"

我正在使用XAMMP访问我的文件。

Answer 1

您正在使用自动关闭script标记，但该标记不起作用。见Why don't self-closing script tags work?

因此，您的app.js文件未包含在页面中，并且您的角度应用程序未启动。

使用

<script type="text/javascript" src="app.js"></script>

另外，请确保文件路径正确。

Answer 2

好像你的角度框架没有加载到页面。确保正确加载并检查路径。如果您愿意，可以使用开发人员工具中的网络选项卡来检查。

Answer 3

您的 app.js 不会通过此自闭标签方法加载，因为它通常旨在包含其中的一些代码。 会阻止您的模块加载，因此您的角度应用无效。

使用

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

一切顺利!!!

为什么我的Angular JS应用程序不起作用？

3 个答案: