2016-07-15 3 views
-1

я следующий код в моем app.js в корневом каталоге /app.jsКак определить контроллер в angularjs с IIFE

angular.module("ngClassifieds",[]) 
.controller("classifiedsCtrl", function($scope) { 
    $scope.name = "shekhar"; 
}); 

В настоящее время это работает нормально, то я перенести мой контроллер в новый каталог components/classifiedCtrl.js как этот

ниже мой app.js файл

angular.module("ngClassifieds",[]); 

ниже мой контроллер внутри компонентов/classifiedCtrl.js

(function() { 

    "use strict"; 

    angular.module("ngClassifieds") 
    .controller("classifiedsCtrl", function($scope) { 
    $scope.name = "shekhar"; 
    }); 

})(); 

Теперь это дает мне ошибку Error: [ng:areq] Argument 'classifiedsCtrl' is not a function, got undefined

Я использую угловую версию 1.5.7

ниже мой index.html файл

<!DOCTYPE html> 
<html> 
    <head> 
    <title>ngClassifieds</title> 
    </head> 
    <body ng-app = "ngClassifieds" ng-controller="classifiedsCtrl"> 

    <h1>{{name}}</h1> 

    <script src="node_modules/angular/angular.js"></script> 
    <script src="scripts/app.js"></script> 
    </body> 

</html> 
+0

Вы не указали компоненты/классифицировалиCtrl.js в html – Sajeetharan

ответ

1

Вам необходимо включить файл контроллер ниже app.js

<script src="scripts/app.js"></script> 
<script src="scripts/components/classifiedCtrl.js"></script> 
Смежные вопросы