Question

我开始在webstorm上的angular.js编码：

<!DOCTYPE html>
<html ng-app="store">
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body ng-app="store">
<script src="bower_components/angular/angular.js"></script>
<script src="app.js"></script>
<p>Nothing here {{'yet' + '!'}}</p>
{{1 + 1}}
</body>
</html>

但浏览器显示 Nothing here {{'yet' + '!'}} {{1 + 1}}

我能做什么？

Answer 1

您没有提供足够的详细信息来解决此问题，但我对您的HTML进行了以下四项更改以使其正常运行，至少对于AngularJS而言：

从正文标记中删除“ng-app”属性。
使用angularjs的CDN URL。
删除对js文件的引用。
从 html 标记中的“ng-app”属性中移除商店应用。

使用WebStorm可以很好地运行HTML的这个修改版本：

<!DOCTYPE html>
<html ng-app>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<script src="https://code.angularjs.org/snapshot/angular.js"></script>
<p>Nothing here {{'yet' + '!'}}</p>
{{1 + 1}}
</body>
</html>

一旦看到它正常工作，您可以逐步撤消我所做的更改（撤消2，然后是3然后4，但保留更改1），并重新测试以确定问题。

需要更多详细信息来确定根本原因，但最可能的问题是：

无法找到您的angularjs文件。
找不到您的“app.js”文件。
app.js中代码的一些问题。

但是，由于您使用的是WebStorm，它可能能够识别您的确切问题。在项目上运行Code =＆gt; Inspect Code，然后查看输出。它将识别非常基本的问题，例如找不到脚本文件。

角度表达式不起作用

1 个答案: