3

我想在http://docs.angularjs.org/guide/expression上試驗示例和教程,並且這些示例不能在plunker和jsfiddle中工作。我在控制檯出現這個錯誤一些angularjs示例不工作在jsfiddle和plunker

Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.2.0rc1/$injector/modulerr?p0=App&p1=Error%3A%…eapis.com%2Fajax%2Flibs%2Fangularjs%2F1.2.0rc1%2Fangular.min.js%3A27%3A198) 

這是已知錯誤嗎?

+0

例子:http://jsfiddle.net/api/post/library/純/ – neoeahit

+0

您的示例鏈接不好。 – Langdon

+1

對不起以前的鏈接 這是http://docs.angularjs.org/guide/expression – neoeahit

回答

4

JSFiddle特別是一直很難與AngularJS合作。 HTML部分並不意味着要獲取整個HTML文檔。相反,你需要配置工作區與角以下步驟工作:

  1. 在外部資源,增加the Angular script(記得點擊+圖標)
  2. 在小提琴選項中更改body標籤包括ng-app像所以:<body ng-app>

這應該讓你開始。如果您不介意使用較舊版本的Angular(1.1.1),則可以從「框架&擴展」下拉列表中選擇它,並將第二個下拉列表從onLoad更改爲No wrap - in <body>

看到這裏從文檔工作示例:http://jsfiddle.net/jPtb3/

這裏使用1.1.1可選方法:http://jsfiddle.net/5nA2H/

更新

還有在評論一些誤傳..該文檔實際上是爲您創建angular.module,但它們正在傳遞一個空的依賴關係。所以,你可以刪除="App"(不是最好的),或者通過刪除空的依賴關係(最好的),像這樣固定angular.module聲明:

angular.module('App', []); 
+1

爲什麼不能在html標籤中加載它作爲腳本?這也是一種選擇。 但我面臨的問題是由angular.js的開發人員提供的http://docs.angularjs.org/guide/expression示例不能正常工作。 – neoeahit

+2

哦,我看到了......你點擊了文檔中的編輯按鈕。這似乎被打破了。你看它是如何設置'ng-app =「App」'而不是簡單地''?這是你看到的差異。 'ng-app =「App」''''''''''''''''''''''''''''''''''''''''''''''''''''''' – Langdon

+0

如果你想使用編輯按鈕,只需取出'=「App」「位。 – Langdon

相關問題