Angular js 在 jsfiddle 上工作但在我的机器上不工作奇怪的错误

Question

我是初学者 angular

所以这是 fiddle http://jsfiddle.net/prantikv/knc6vrd9/1/

我有一个简单的应用程序，如您所见，我只是在尝试基础知识。

该示例在 js 上运行良好fiddle 但是当我运行它在我的机器上时，我得到一个巨大的错误，像这样

Error: [ng:areq] Argument 'SimpleCont' is not a function, got undefined

并且 ng-repeat 没有显示任何输出，文本输入也不起作用我也有运行通过本地 wamp 服务器的页面并得到相同的结果

Answer 1

省略创建函数，因为 angularjs 是模块化的，并为您提供创建控制器的机制，可以在应用程序中使用。所以在你的代码中，而不是：

function SimpleCont($scope){
    $scope.nameList=[
                        {firstname:'john'},
                        {firstname:'jane'}
                    ];
}

在其中创建模块和控制器。首先使用 angular 中的模块方法，它将模块的第一个参数名称（稍后包含在 ng-app 中）和第二个参数依赖项列表作为第二个参数，在这种情况下它是空的。

angular.module('myApp', []).

然后调用模块上的控制器函数。模块方法总是 return 本身，因此您可以稍后使用点 ..

添加另一个控制器

 controller('SimpleCont', function(){
    this.nameList=[
                                {firstname:'john'},
                                {firstname:'jane'}
                            ];
    });

这是代码而不是函数，这段代码设置 module 并将 controller 分配给它。在您的应用程序中使用模块并在其中创建控制器，正确设置 ng-app。而不是：

<div ng-app>

使用：

<div ng-app="myApp">

通常很高兴知道如何在 angularjs 中创建控制器和模块作为开始，因为稍后您可以学习其他有趣的东西，例如 services、factories 并了解什么是 $http 服务以及如何使用它进行 ajax 调用。由于 grunt、karma 和 yeoman.

，自动化工作也很好

Here 是很好的入门教程。

Here 是关于 yeoman 的一个工具，您可以使用它来处理 angular。

Angular js 在 jsfiddle 上工作但在我的机器上不工作奇怪的错误

Angular js works on jsfiddle but not on my machine Strange ERROR

javascript

angularjs

angularjs-ng-repeat