2014-06-29 16 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 =>檢查項目中的代碼,然後檢查輸出。它會識別非常基本的問題,例如找不到您的腳本文件。