javascript - AngularJS + RequireJS not working -


मैं RequireJS के साथ AngularJS का उपयोग कर रहा हूं।

नया प्रश्न: RequireJS करता है कोई नियंत्रक लोड नहीं है मैं प्रयोग कर रहा हूं।

बूढ़ा प्रश्न: आवश्यकताजेएस main.js फ़ाइल को लोड करता है, bootstrap.min.js फ़ाइल और jQuery। यह अच्छा काम करता है लेकिन यह किसी कारण के लिए कोणीय लोड नहीं करता है।

मैं क्रोम का उपयोग कर रहा हूं, और डेवलपर टूल्स टैब "नेटवर्क" में लोड होने से पहले केवल 3 फ़ाइलें उल्लिखित हैं।

Console.log (प्रकार का कोणीय); बराबर करने के लिए अपरिभाषित । (मैंने कोशिश की है कि डेवलपर कंसोल में)

कंसोल में कोई त्रुटि संदेश नहीं दिखाया गया है!

समाधान: मैंने इसे 'कोणीय जोड़कर तय किया ' deps सरणी के लिए।

मेरा main.js code है: // JS कॉन्फ़िगरेशन की आवश्यकता

  की आवश्यकता है .config ({// कोड प्रारूप // उपनाम पुस्तकालय पथ पथ परिवर्तित किया गया: {'jquery': '../bower_components/jquery/dist/jquery.min', 'domReady': '../bower_components/requirejs-domready/ DomReady ',' angular ':' ../bower_components/angular/angular.min ',' कोणीय मार्ग ':' ../bower_components/angular-route/angular-route.min ',' ngFx ':' .. /bower_components/ngFx/dist/ngFx.min ',' कोणीय-यू-राउटर ':' ../bower_components/angular-ui-router/release/angular-ui-router.min ',' बूटस्ट्रैप ':' .. /bower_components/bootstrap/dist/js/bootstrap.min '}, // कोणीय बॉक्स के बाहर AMD का समर्थन नहीं करता है, इसे एक शिम शिम में रखें: {' angular ': {exports:' angular '},' angular- मार्ग ': {deps: ["angular"]},' एनजीएफएक्स ': {deps: ["angular"]},' एंजुल एआर-यू-राउटर ': {deps: ["angular"]},' बूटस्ट्रैप ': {deps: ["jquery"]}}, // किक स्टार्ट एप्लिकेशन डिस्प्स: [' ./bootstrap ',' domReady ' 'कोणीय', 'कोणीय मार्ग', 'एनजीएफएक्स', 'कोणीय-यू-राउटर', 'बूटस्ट्रैप']});   

मेरा bootstrap.js फ़ाइल:

  परिभाषित करें (['require', 'angular', 'app', ' ('' सख्त '' का उपयोग करें) की आवश्यकता होती है (['डोमरेडी!'], फ़ंक्शन (दस्तावेज़) {ng.bootstrap (दस्तावेज़, ['ऐप']);});});   

मेरा ऐप। Js फ़ाइल:

  परिभाषित करें (['कोणीय', './controllers/index', ' ./directives/index ',' ./filters/index ',' ./services/index '], फ़ंक्शन (एनजी) {' सख्त उपयोग करें '; वापसी ng.module (' app ', [' app.services ', 'App.controllers', 'app.filters', 'app.directives', 'ngFx', 'ngRoute']) config (फ़ंक्शन ($ urlRouterProvider) {$ urlRouterProvider.otherwise ('/');});} );   

फ़ोल्डर संरचना:

  कोणीय नियंत्रक index.js menu.js module.js निर्देश सेवाएं फ़िल्टर करता है app.js bootstrap.js main.js routes.js Bower_components ...   

आपकी मदद के लिए धन्यवाद! : -)

मुझे लगता है कि आपको कोणीय का उपयोग करना चाहिए। इसके अलावा आपको डिस्पो को कोणीय जोड़ना चाहिए यहां एपीआई संदर्भ:



Comments