Question

我已经看过类似的答案，但还没有看到答案。

我的目录结构很简单：

Test
|---index.html
|---bootstrap.min.css
|---angular.min.js
|---app.js

我的代码：

<!doctype HTML>
<html ng-app="store">
<head>
    <title>Test</title>
    <link rel="stylesheet" type="text/css" href="bootstrap.min.css">
</head>
<body>
    <script type="text/javascript" src="angular.min.js"></script>
    <script type="text/javascript" src="app.js"></script>

    <p>I am {{4 + 6}}</p>
    <p>{{"Hello" + " you"}}</p>
</body>
</html>

可悲的是，在浏览器中运行它（文件：///Users/Will/Projects/angular/demo/index.html），它不起作用。这是因为它是本地的吗？

Answer 1

当直接从文件系统（而不是Web服务器）加载时，请考虑以下方法：

<!doctype HTML>
<html ng-app>
<head>
  <title>Test</title>
</head>
<body>
<script type="text/javascript" src="angular.min.js"></script>

<p>I am {{4 + 6}}</p>
<p>{{"Hello" + " you"}}</p>
</body>
</html>

请注意，我已将“ng-app ='store'”更改为“ng-app”，因此angular不会尝试加载“store”模块。

这表明角度本身正在做正确的事情。所以问题出在商店模块中的某个地方。如评论中所述，请检查浏览器控制台是否有错误消息，并对其进行故障排除。

AngularJS：“Hello Word”无效

1 个答案: