2014-06-29 18 views
-3

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

我能做些什么?

+2

在有人可以帮忙之前需要更多细节。 app.js的内容是什么,特别是模块声明。浏览器控制台日志中有哪些错误日志? – Chandermani

+3

你应该在'html'标签或'body'(或任何其他)中使用'ng-app'属性,而不是两者。 – yarons

+0

我试图只在HTML标记中使用ng-app,它没有工作... –

回答

0

你没有提供足够的细节来解决这个问题,但我做到了这四个改变你的HTML得到它的工作,至少相对于AngularJS:

  1. 删除“NG-应用”属性来自机构标记。
  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 =>检查项目中的代码,然后检查输出。它会识别非常基本的问题,例如找不到您的脚本文件。