2012-10-09 34 views
3

我開始使用Angularjs,並在第一關墮落:-(AngularJS建立與Webstorm

我已經安裝節點(Windows安裝程序)和webstorm IDE。在webstorm我已經安裝了angularjs插件和在html中輸入'ng'會在下拉菜單中提示所有ng模板,所以這看起來不錯。

剪切和粘貼演示html5(在標題'The Basics'http://angularjs.org/下)並運行在webstorm中導航到文件url(在firefox或chrome中),然而角度語句'{{yourName}}'根本不具有約束力 - 它以字面形式呈現出來。任何人都知道我要出錯的地方嗎?

+0

它看起來像AngularJS沒有得到初始化。你確定你已經添加了像例子中的ng-app嗎? AngularJS代碼是否正確下載,控制檯中沒有顯示錯誤? –

+0

是的,包含'ng-app'。我在控制檯中有錯誤,所以你可能會在那裏。它聲明「沒有聲明HTML文檔的字符編碼」在webstorm中的模式和dtds中,我將編碼設置爲html5 – user1305541

回答

5

主頁上的示例使用無協議(或協議相關)URL(http://www.paulirish.com/2010/the-protocol-relative-url/)。雖然這些非常方便,但在這種情況下協議相對URL與file://協議無法很好地協作。只要你的瀏覽器試圖從本地文件系統中檢索AngularJS庫。要修復它,你需要添加協議:

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.min.js"></script> 
+0

也針對此問題打開了拉取請求:https://github.com/angular/angularjs.org /拉/ 29 –

+0

輝煌!我現在起來跑步了。謝謝 – user1305541

+0

協議可能會丟失,它使用當前正在使用的協議。當您不必檢查要加載哪個版本的資源時非常好。它只是在頁面當前使用https時加載SSL版本,如果是http,則加載SSL版本。這裏沒有錯誤。 –

0

嘗試在數據ng-model等數據前加ng標籤。