Angular表达式不能工作

Angular expression does'nt work

本文关键字：工作 不能 表达式 Angular      更新时间：2023-09-26

我开始在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}}

我能做什么?

你没有提供足够的细节来解决这个问题，但是我对你的HTML做了以下四个改变，让它工作，至少在AngularJS方面:

  1. 删除body标签中的'ng-app'属性。
  2. 为angularjs使用CDN URL
  3. 删除对js文件的引用
  4. 从html标签中的'ng-app'属性中删除你的应用。

修改后的HTML可以使用WebStorm:

<!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)，并重新测试以确定问题。

需要更多的细节来确定根本原因，但最可能的问题是:

  1. 你的angularjs文件找不到。
  2. 你的app.js文件找不到
    3. 你在app.js中的代码有一些问题。

但是因为你正在使用WebStorm，它可能能够确定你的确切问题。在项目上运行Code=>Inspect Code，然后检查输出。它将识别非常基本的问题，例如无法定位脚本文件。

相关文章：