2016-09-06 3 views
0

확실하지, 내가보기에이 선언 않았다 angular.min.js:17 Uncaught Error: No module: MyAppAngularJS와 내 코드에 문제가 있는지없는 모듈 오류

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">

+0

이 모듈 선언에 두 번째 매개 변수로 종속 배열을 추가

다음은 같은 jsfiddle의 포크입니다. 'angular.module ('MyApp', [])' –

+0

@PrateekGupta 알겠습니다. 고마워,하지만 여기서 뭐가 잘못 됐니? http://jsfiddle.net/qnr187m2/ –

+1

@SoniaA. 내 대답 아래에 내 코멘트에 언급했듯이. AngularJS는 버전 1.1.5에서 "Controller as"구문을 지원합니다. 그 버전에서 1.1.1 버전을 사용하고 있습니다 – cnorthfield

답변

2

문제는 단지입니다 모듈 MyApp에 대한 참조를 얻습니다.

:

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

})(); 

controller.js documentation에서

(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 
    }] 

    } 

})(); 

을 app.js : 당신이 두 번째 매개 변수 때문에 등 배열을 전달해야 MyApp 모듈을 만들려면 angular.module(name, [requires], [configFn]);

필수 - 지정되면 새 모듈이 작성됩니다. 지정하지 않으면 추가 구성을 위해 모듈을 검색합니다.

+0

아이디어 컨트롤러가 여기에서 작동하지 않습니다? http://jsfiddle.net/qnr187m2/ –

+0

예, AngularJS는 버전 1.1.5에서 "Controller as"구문을 지원합니다. 그 바이올린에서 1.1.1 버전을 사용하고 있습니다 :) – cnorthfield

+0

@SoniaA. 내 대답이 귀하의 질문을 해결 했습니까? – cnorthfield

0

Sonia A - jsfiddle에서 "JavaScript Frameworks & Extensions"를 "AngularJS 1.4.8"로 변경하면 올바르게 작동하기 시작합니다. 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>

관련 문제