Angularjs нет ошибок модуля

Question

Не уверен, что случилось с моим кодом, я получил ошибку angular.min.js:17 Uncaught Error: No module: MyApp

http://jsfiddle.net/9g4nxdar/

(function() { 
    angular.module("MyApp") 
    .controller('MyCtrl', myController); 

    function myController() { 
    var vm = this; 

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


    } 
})(); 

Я объявляю в представлении <div ng-app="MyApp">

Answer 1

Проблема заключается ваш просто получение ссылки на модуль 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 
    }] 

    } 

})(); 

Из documentation:

angular.module(name, [requires], [configFn]);

требует - если указано, то создается новый модуль. Если это не указано, модуль извлекается для дальнейшей настройки.

Answer 2

Соня А - В вашем jsfiddle, просто измените "JavaScript Каркасы & Extensions" в "AngularJS 1.4.8" и он начинает работать правильно.

Ниже вилка для того же jsfiddle: http://jsfiddle.net/vcvv04hb/

(function() { 
 
    angular.module("MyApp",[]) 
 
    .controller('MyCtrl', myController); 
 

 
    function myController() { 
 
    var vm = this; 
 
    vm.items = [{ 
 
     "name": "James", 
 
     "age": 20 
 
    }, { 
 
     "name": "John", 
 
     "age": 20 
 
    }]; 
 
    } 
 
})();

<div ng-app="MyApp"> 
 
    <div ng-controller="MyCtrl as vm"> 
 
    <ul> 
 
     <li ng-click="vm.viewDetail = true" ng-repeat="item in vm.items">{{item.name}} 
 
     <small ng-show="vm.viewDetail">{{vm.item.age}}</small> 
 
     </li> 
 
    </ul> 
 
    </div> 
 
</div>