2016-09-24 6 views
5

घर नियंत्रक (मॉड्यूल नियंत्रक) तक नहीं पहुंच सका। "घर" लिंक कंसोल पर त्रुटि मिल रही है कि "HomeController कार्य नहीं है पर क्लिक करते समय;। अपरिभाषितangular.js: 13708 त्रुटि: [ng: areq] तर्क 'homeController' एक फ़ंक्शन नहीं है, अपरिभाषित

तो, जहां मैं इस नियंत्रक रजिस्टर करने के लिए धन्यवाद की जरूरत है, राहुल

twoPageApp.js

* Created by rahul on 9/24/2016. 
*/ 
(function(){ 
     angular.module("twoPageApp",["ngRoute"]) 
      .config(function($routeProvider){ 
       $routeProvider 
        .when('/home',{ 
         templateUrl:'/JS/twoPageAppJS/partials/home.html', 
         controller: 'homeController', 
         resolve:{ 
          homeContent:['$http',function($http){ 
           return $http.get('/homeContent.json'); 
          }] 
         } 
        }) 
        .when('/page_one',{ 
         templateUrl:'/Js/twoPageAppJS/partials/pageOne.html', 
         controller:'pageOneController', 
         resolve:{ 
          homeContent:['$http',function($http){ 
           return $http.get('/pageOneContent.json'); 
          }] 
         } 
        }) 
        .when('/page_two',{ 
         templateUrl:'/JS/twoPageAppJS/partials/pageTwo.html', 
         controller:'pageTwoController.js', 
         resolve:{ 
          homeContent:['$http',function($http){ 
           return $http.get('/pageTwoContent.json'); 
          }] 
         } 
        }) 
      }); 
    })(); 

twoPageApp.Controller.js

 (function(){ 
    angular.module("twoPageApp").controller("tpaController", 
     ['$scope',function($scope){ 
      $scope.name="this is twoPageApp js controller"; 
     }]) 
})(); 

मॉड्यूल नियंत्रक (homeController.js)

/** 
* Created by rahul on 9/24/2016. 
*/ 
(function(){ 
    angular.module("twoPageApp",[]) //here is the change... 
     .controller("homeController",['$scope','$rootScope','homeContent',function($scope,$rootScope,homeContent){ 

      $rootScope.stub={ 
       homeContent:homeContent.data 
      }; 
      $scope.hello="rahul"; 
      console.log("raja"); 
     }]); 
})(); 

home.jsp

[![<div ng-app="twoPageApp" ng-controller="tpaController"> 
    <div> 
     <a href="#/home">home</a> 
     <a href="#/page_one">page One</a> 
     <a href="#/page_two">page Two</a> 
    </div> 
    <div ng-view></div> 
</div>][1]][1] 
+0

homeController पंजीकरण करने के लिए [] पैरामीटर निकालें आप एक jsfiddle, कि और अधिक समस्याओं को समझने के लिए उपयोगी होगा बनाते हैं, तो मैं अपने जवाब में बताया गया समस्याओं के कुछ मिल गया है। –

उत्तर

2

अंदर homeController.js

angular.module("twoPageApp") // remove the [] parameter 
+0

यहां है: - (फ़ंक्शन() { angular.module ('twoPageApp'); })(); –

+0

और यह मेरे लिए काम नहीं किया –

+0

क्या आपके पास अभी भी एक ही त्रुटि संदेश है? क्या आप'homeController.js 'लोड कर रहे हैं – Merlin

0

आप homeController उसी तरह आप tpaController नियंत्रक पंजीकृत किया है रजिस्टर करने के लिए है। आपने /home यूआरएल पर का उपयोग करने के लिए $routeProvider सेट किया है, लेकिन आपने इसे कोड में कहीं भी पंजीकृत नहीं किया है।

+0

फिर क्या आप मुझे सलाह दे सकते हैं कि घर कंट्रोलर –

+0

angular.module ("twoPageApp.controller") । कंट्रोलर ("होम कंट्रोलर", ['$ स्कोप', '$ रूटस्कोप', 'होमकंटेंट', functi –

संबंधित मुद्दे