Javascript Angularjs无模块错误

Javascript Angularjs无模块错误,javascript,angularjs,Javascript,Angularjs,不确定我的代码出了什么问题,我得到了angular.min.js:17未捕获错误:无模块:MyApp 我确实在视图中声明了这一点 问题是您刚刚获得了对模块MyApp的引用。要创建模块MyApp,需要传递一个数组作为第二个参数,如下所示: app.js (function(){ // create the module MyApp angular.module('MyApp', []); })(); controller.js (function() { // get

不确定我的代码出了什么问题,我得到了
angular.min.js:17未捕获错误:无模块:MyApp

我确实在视图中声明了这一点

问题是您刚刚获得了对模块
MyApp
的引用。要创建模块
MyApp
,需要传递一个数组作为第二个参数,如下所示:

app.js

(function(){
    // create the module MyApp
    angular.module('MyApp', []);

})();
controller.js

(function() {

  // get the reference to MyApp and create the controller
  angular.module("MyApp")
    .controller('MyCtrl', myController);

  function myController() {
    var vm = this;

    var item = [{
      "name": "James",
      "age": 20
    }, {
      "name": "John",
      "age": 20
    }]

  }

})();
从:

angular.module(名称,[requires],[configFn])

需要-如果指定,则正在创建新模块。如果未指定,则检索模块以进行进一步配置


问题是您刚刚获得了对模块
MyApp
的引用。要创建模块
MyApp
,需要传递一个数组作为第二个参数,如下所示:

app.js

(function(){
    // create the module MyApp
    angular.module('MyApp', []);

})();
controller.js

(function() {

  // get the reference to MyApp and create the controller
  angular.module("MyApp")
    .controller('MyCtrl', myController);

  function myController() {
    var vm = this;

    var item = [{
      "name": "James",
      "age": 20
    }, {
      "name": "John",
      "age": 20
    }]

  }

})();
从:

angular.module(名称,[requires],[configFn])

需要-如果指定,则正在创建新模块。如果未指定,则检索模块以进行进一步配置


Sonia-在JSFIDLE中,只需将“JavaScript框架和扩展”更改为“AngularJS 1.4.8”,它就可以正常工作了

下面是同一个JSFIDLE的fork:

(函数(){
angular.module(“MyApp”,[])
.controller('MyCtrl',myController);
函数myController(){
var vm=这个;
vm.items=[{
“姓名”:“詹姆斯”,
“年龄”:20岁
}, {
“姓名”:“约翰”,
“年龄”:20岁
}];
}
})();

  • {{item.name} {{vm.item.age}

Sonia-在JSFIDLE中,只需将“JavaScript框架和扩展”更改为“AngularJS 1.4.8”,它就可以正常工作了

下面是同一个JSFIDLE的fork:

(函数(){
angular.module(“MyApp”,[])
.controller('MyCtrl',myController);
函数myController(){
var vm=这个;
vm.items=[{
“姓名”:“詹姆斯”,
“年龄”:20岁
}, {
“姓名”:“约翰”,
“年龄”:20岁
}];
}
})();

  • {{item.name} {{vm.item.age}

将依赖项数组作为第二个参数添加到模块声明中<代码>angular.module('MyApp',[])
@pratekgupta我明白了。谢谢,但是这里怎么了@索尼娅。正如我在下面的评论中提到的,我的回答是。AngularJS在1.1.5版中引入了对“控制器作为”语法的支持。在该FIDDLE中,您使用的是版本1.1.1。请将依赖项数组作为第二个参数添加到模块声明中<代码>angular.module('MyApp',[])
@pratekgupta我明白了。谢谢,但是这里怎么了@索尼娅。正如我在下面的评论中提到的,我的回答是。AngularJS在1.1.5版中引入了对“控制器作为”语法的支持。您在fiddleany idea控制器中使用的是1.1.1版,因为在这里不起作用?是的,AngularJS在1.1.5版中引入了对“Controller as”语法的支持。您正在使用1.1.1版:)任何idea控制器在这里不起作用吗?是的,AngularJS在1.1.5版中引入了对“Controller as”语法的支持。您正在该小提琴中使用版本1.1.1:)