一些angularjs示例不适用于jsfiddle和plunker

时间:2013-08-28 18:24:47

标签: angularjs angularjs-directive angularjs-scope jsfiddle plunker

我正在尝试在http://docs.angularjs.org/guide/expression上试验示例和教程,但这些示例并不适用于plunker和jsfiddle。我在控制台中收到此错误

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) 

这是一个已知错误吗?

1 个答案:

答案 0 :(得分:4)

JSFiddle特别难以使用AngularJS。 HTML部分并不意味着采用整个HTML文档。相反,您需要按照以下步骤配置工作区以使用Angular:

  1. 在外部资源下,添加the Angular script(请记住点击+图标)
  2. 在小提琴选项下,将body标记更改为包含ng-app,如下所示:<body ng-app>
  3. 这应该让你开始。如果您不介意使用较早版本的Angular(1.1.1),可以从“Frameworks&amp; Extensions”下拉列表中选择它,并将第二个下拉列表从onLoad更改为No wrap - in <body>

    请参阅此处了解文档中的工作示例:http://jsfiddle.net/jPtb3/

    这里是使用1.1.1的可选方法:http://jsfiddle.net/5nA2H/

    <强>更新

    评论中有一些错误信息..文档实际上是为你创建angular.module,但它们传递的是空依赖关系。所以你可以删除="App"(不是最好的),或者通过删除空依赖(最好)来修复angular.module声明:

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