Angularjs ошибки - Uncaught Ошибка: [$ Инжектора: modulerr]

Question

Я новичок AngularJS и я использую Угловой 1.3.15 и я столкнулся ошибкой ниже, когда я пытаюсь выполнить простой скрипт

неперехваченной Ошибку: [$ инжектор: modulerr]

Html

<title>AngularJS data binding</title> 
<script src="node_modules/angular/angular.min.js"></script> 
<script src="myscript.js"></script> 

<div data-ng-controller="SimpleController"> 

    Name : 
    <br/> 
    <input type="text" ng-model="name"/>{{name |uppercase}} 
    <div> 
     <ul> 
      <li ng-repeat="personName in names">{{personName}}</li> 
     </ul> 

    </div> 

</div> 

JS файл -

(function(){ 
var app = angular.module('myApp',[]); 
app.controller('SimpleController', function($scope) { 
    $scope.names = ['test1','test2']; 


}); 
})(); 

ли код в файле myscript.js должен быть в (function()})?

Спасибо,

Answer 1

Если вы Минимизация в js файлы затем

app.controller('SimpleController', function($scope) { 
    $scope.names = ['test1','test2']; 
}); 

это становится чем-то вроде

x.controller('SimpleController', function(a) { 
    a.a = ['test1','test2']; 
}); 

, то нет в контроллере нет $scope так использовать, как,

app.controller('SimpleController', ['$scope', function($scope) { 
    $scope.names = ['test1','test2']; 
}]); 

то угловатый будет решать переданные аргументы в функцию,

, например:

app.controller('SimpleController', ['$scope', function(a) { 
    a.names = ['test1','test2']; 
}]); 

угловыми будет соответствовать a к $scope собственности.

Answer 2

Ошибка возникает из-за минимизации. Попробуйте это

JS:

(function(){ 
var app = angular.module('myApp',[]); 
app.controller('SimpleController',['$scope', function($scope) { 
    $scope.names = ['test1','test2']; 


}]); 
})(); 

как вы попробовать это минификация доказательство, прочитать here