Angular js 适用于 jsfiddle 但不适用于我的机器 奇怪的错误

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

本文关键字：适用于 机器 错误 不适用 js jsfiddle Angular 我的      更新时间：2023-09-26

我是角度的初学者

所以这是小提琴http://jsfiddle.net/prantikv/knc6vrd9/1/

我

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

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

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

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

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

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

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

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

然后在模块上调用控制器函数。模块方法始终返回自身，因此您可以稍后使用点.添加另一个连接器。

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

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

<div ng-app>

用： 

<div ng-app="myApp">

通常，一开始知道如何在angularjs中创建控制器和模块是件好事，因为稍后您可以学习其他好奇的东西，例如服务，工厂，还可以了解什么是$http服务以及如何使用它进行ajax调用。由于咕噜声、业力和妖怪，自动化工作也很好。

这是一个很好的教程开始。

这是关于 yeoman 一个可以用来处理角度的工具。

相关文章：