2013-04-02 16 views
5

नहीं कहा जा रहा है, मैं Angular.js के लिए नया हूं और रूटिंग काम करने की कोशिश कर रहा हूं लेकिन मेरे ऐप में दूसरा बेलो मार्ग listController पर कॉल नहीं करता है इसलिए मुझे डेटा वापस नहीं मिल रहा है।कोणीय नियंत्रक को

मैं कई कामकाजी उदाहरणों के माध्यम से रहा हूं लेकिन यह काम नहीं कर रहा है कि यह मेरे ऐप में क्यों काम नहीं कर रहा है? मुझे टेम्पलेट वापस /Categories/SixGrid मिलता है लेकिन जैसा कि बताया गया है कि नियंत्रक को नहीं कहा जा रहा है। क्या कुछ स्पष्ट है कि मैं गलत नहीं कर रहा हूं? या कोई भी अपना ज्ञान साझा कर सकता है कि यह क्यों काम नहीं कर रहा है?

अपडेट किया गया कोड:

angular.module('App', ['App.Controller']). 
    config(['$routeProvider', function ($routeProvider) { 
     $routeProvider.when('/', { templateUrl: '/Home/Splash' }); 
     $routeProvider.when('/Categories/List/:slug', { templateUrl: '/Categories/SixGrid', controller:'listController' }); 
    }]); 

angular.module('App.Controller', []) 
    .controller("listController", function ($scope, $http) { 
     $http.get('../../api/cat/' + $routeParams.slug).success(function (data) { 
        $scope.products = data; 
       }); 
}); 
+0

आप कहते हैं कि आप टेम्पलेट प्राप्त करते हैं 'श्रेणियां/सूची' से वापस, जबकि आपका मार्ग निर्दिष्ट करता है कि टेम्पलेट 'श्रेणियां/सिक्सग्रिड' पर पाया जाना है। कैसे? इसके अलावा, आपके पास दूसरे मार्ग में एक अतिरिक्त कॉमा है। इसके अलावा, आपका '../../' पथ API कॉल के लिए थोड़ा असामान्य है, हालांकि इससे कोई त्रुटि नहीं होनी चाहिए। – Stewie

+0

धन्यवाद स्टीवी, एक वर्तनी त्रुटि थी। 'श्रेणियां/सिक्सग्रिड' सही टेम्पलेट है जो वापस आता है। कॉमा भी हटा दिया। एपीआई मार्ग वर्तमान में आदर्श नहीं है लेकिन अभी भी देव – ojhawkins

+2

के शुरुआती चरणों में है, क्या आप अपना टेम्पलेट दिखा सकते हैं। अपने कोड को jsfiddle पर बेहतर रखें। इसलिए लोग इसके साथ खेल सकते हैं और पाते हैं कि क्या अधिक गलत है :) – nXqd

उत्तर

5

कोशिश उद्धरण में नियंत्रक नाम रैप करने के लिए:

$routeProvider.when('/Categories/List/:slug', { 
    templateUrl: '/Categories/SixGrid', 
    controller: 'listController' 
}); 

भी अच्छा अभ्यास इस तरह से नियंत्रकों परिभाषित करने के लिए है (क्योंकि वैश्विक क्षेत्र स्वच्छ रहता है):

angular.module('App').controller("listController", function() { 
    //controllerCode 
}); 
+0

धन्यवाद @ ardentum-c। अभी भी कोई भाग्य नहीं है, मैंने ऊपर दिए गए कोड को मेरे पास अभी अपडेट किया है। क्या मुद्दा कहीं और हो सकता है? – ojhawkins

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