2013-03-06 16 views
30

मैं प्रदर्शित करने के लिए कॉन्फ़िगर किया गया मान author और version एचटीएमएल page.Version कोड में कोणीय मान सेवा में ठीक प्रदर्शित किया जाता है की कोशिश कर रहा हूँ, लेकिन नहीं लेखक का नाम यहाँ एचटीएमएल कोडAngularJS त्रुटि अज्ञात प्रदाता

<!doctype html> 
<html lang="en" ng-app="myApp"> 
<head> 
    <meta charset="utf-8"> 
    <title>My AngularJS App</title> 
    <link rel="stylesheet" href="css/app.css"/> 
</head> 
<body> 
    <ul class="menu"> 
    <li><a href="#/view1">view1</a></li> 
    <li><a href="#/view2">view2</a></li> 
    </ul> 

    <div ng-view></div> 

    <div>Angular seed app: v<span app-version></span></div> 
    <div>Author is : <span app-author></span></div> 


    <script src="lib/angular/angular.js"></script> 
    <script src="js/app.js"></script> 
    <script src="js/services.js"></script> 
    <script src="js/controllers.js"></script> 
    <script src="js/filters.js"></script> 
    <script src="js/directives.js"></script> 
</body> 
</html> 

है यहाँ निर्देश ...

angular.module('myApp.directives', []). 
    directive('appVersion', ['version', function(version) { 
    return function(scope, elm, attrs) { 
     elm.text(version); 
    }; 
    }]) 
    .directive('appAuthor', ['author', function(author) { 
    return function(scope, elm, attrs){ 
     elm.text(author); 
    }; 
    }]); 

और यहाँ सेवा हिस्सा, जहां author और version मूल्यों

+०१२३५१६४१०६ कॉन्फ़िगर किया गया है है
angular.module('myApp.services', []). 
    value('version', '0.1') 
    .value('author','JIM'); 

त्रुटि मैं डेवलपर कंसोल में हो रही है

Error: Unknown provider: authorProvider <- author <- appAuthorDirective 
+0

यहां तक ​​कि मैं एक ही मुद्दे पर फंस गया था, मैंने इसे ठीक किया है, फिर भी मुझे एक ही समस्या मिल रही है। ध्यान दें कि 'फ़ंक्शन getService (serviceName, caller) { अगर (cache.hasOwnProperty (serviceName)) ' समस्या को ठीक करने के बाद ** ब्राउज़र कैश साफ़ करने के लिए Ctrl + F5 करना न भूलें। ** –

उत्तर

48

सुनिश्चित करें कि आप उन मॉड्यूल (myApp.services और myApp.directives) अपने मुख्य अनुप्रयोग मॉड्यूल के निर्भरता के रूप में लोड कर रहे हैं सुनिश्चित है , इस तरह:

angular.module('myApp', ['myApp.directives', 'myApp.services']); 

plunker:http://plnkr.co/edit/wxuFx6qOMfbuwPq1HqeM?p=preview

+0

ठीक है मैं उन मॉड्यूल को लोड करना। लेकिन अगर समस्या को बिगड़ता है तो संस्करण संख्या कैसे प्रदर्शित हो सकती है और लेखक – agasthyan

+0

क्या आप समस्या की प्रतिकृति के साथ प्लंकर या जेएसफ़िल्ड प्रदान कर सकते हैं? यह सेवा नामों पर एक टाइपो या किसी प्रकार की टक्कर हो सकती है। (जैसा कि आप देख सकते हैं, मैंने प्रदान किया है कि यह सही तरीके से काम कर रहा है) – bmleite

+1

अच्छी तरह से मुझे लगता है कि आप कुछ मॉड्यूल लोड करने के लिए गायब थे। धन्यवाद मदद की :) – agasthyan

31

bmleite मॉड्यूल समेत सही उत्तर है।

यदि यह आपकी स्थिति में सही है, तो आपको यह भी सुनिश्चित करना चाहिए कि आप एकाधिक फ़ाइलों में मॉड्यूल को फिर से परिभाषित नहीं कर रहे हैं।

याद रखें:

angular.module('ModuleName', []) // creates a module. 

angular.module('ModuleName')  // gets you a pre-existing module. 

तो अगर आप एक मौजूदा मॉड्यूल का विस्तार कर रहे हैं, याद नहीं है जब यह लाने का प्रयास अधिलेखित करने के लिए।

+1

मुझे नहीं पता था कि यह मामला था। मैं एक चर परिभाषित कर रहा था और कोणीय-बीज डिफ़ॉल्ट ctrls के बाद इसे angular.module (...) के बराबर सेट कर रहा था, और यह वही समस्या हो रही थी। मुझे बहुत बाल बचाया। – Kreychek

+0

'कोणीय/मॉड्यूल' ('..', "'कोडबेज में देखने के लिए उत्कृष्ट संकेत' मॉड्यूल/'ऐप' कहां बनाया गया है, धन्यवाद! – Dr1Ku

+0

वाह! यह प्रतिभा है! – ATrubka

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