Ionic-framework: आयोनिक V2: NavController के लिए कोई प्रदाता नहीं! समाधान?

को निर्मित 10 दिस॰ 2016 · 15टिप्पणियाँ · स्रोत: ionic-team/ionic-framework

आयोनिक संस्करण: ("x" के साथ एक की जांच करें)
[] 1.x
[एक्स] 2.x

मैं एक जमा कर रहा हूँ ... ("x" के साथ एक की जाँच करें)
[एक्स] बग रिपोर्ट
[ ] महत्वपूर्ण लेख मांगना
[ ] समर्थन अनुरोध => कृपया यहां समर्थन अनुरोध सबमिट न करें, इनमें से किसी एक चैनल का उपयोग करें: https://forum.ionicframework.com/ या http://ionicworldwide.herokuapp.com/

वर्तमान व्यवहार:
सेवा के निर्माता में NavController इंजेक्शन कोई प्रदाता त्रुटि के साथ विफल रहता है

अपेक्षित् व्यवहार:
काम करने के लिए

प्रजनन के चरण:
यह वर्ग त्रुटि फेंकता है (अन्य डीपी इंजेक्शन कोई त्रुटि नहीं फेंकता है)

import {Interceptor, InterceptedRequest, InterceptedResponse} from 'ng2-interceptors';
import {NavController, Platform, AlertController} from "ionic-angular";
import {Injectable, Injector} from "@angular/core";

@Injectable()
export class ServerInterceptorService implements Interceptor {

  constructor(public platform: Platform,
              public alertCtl: AlertController,
              public navCtl: NavController) {
  }

  public interceptBefore(request: InterceptedRequest): InterceptedRequest {
    // Do whatever with request: get info or edit it

    return request;
    /*
     You can return:
     - Request: The modified request
     - Nothing: For convenience: It's just like returning the request
     - <any>(Observable.throw("cancelled")): Cancels the request, interrupting it from the pipeline, and calling back 'interceptAfter' in backwards order of those interceptors that got called up to this point.
     */
  }

  public interceptAfter(response: InterceptedResponse): InterceptedResponse {
    // Do whatever with response: get info or edit it
    console.log("////////////", response)
    return response;
    /*
     You can return:
     - Response: The modified response
     - Nothing: For convenience: It's just like returning the response
     */
  }
}

और ऊपर दिया गया वर्ग http प्रदाता को app.module.ts . में बदल देता है

providers:[
    ServerInterceptorService,
    {
      provide: Http,
      useFactory: interceptorFactory,
      deps: [XHRBackend, RequestOptions, ServerInterceptorService]
    },
...]

अन्य निर्भरताओं को ठीक से इंजेक्शन दिया जाता है।

स्रोत

barocsi

👍2

सबसे उपयोगी टिप्पणी

@ m3l7 अगला प्रयास करें:

  constructor(
    protected app: App,
...
  get navCtrl(): NavController {
    return this.app.getRootNav();
  }

bobrosoft 9 मार्च 2017

👍16 🎉6 ❤1

सभी 15 टिप्पणियाँ

https://forum.ionicframework.com/t/why-cant-i-import-navcontroller-and-viewcontroller-into-service-or-app/40999/26 के अनुसार
यह कहा जा रहा है

बस इस पर झंकार करने के लिए, आपको ViewController या NavController को सेवा में इंजेक्ट नहीं करना चाहिए।
यह उनका इच्छित उद्देश्य नहीं है।

फिर कृपया मुझे बताएं, हमें ऐप में वैश्विक इंटरसेप्टर कैसे जोड़ना चाहिए, जो यह जानने के आधार पर कार्य करेगा कि उपयोगकर्ता कौन सा सक्रिय दृश्य देखता है?

क्या हम प्रत्येक दृश्य घटक को सुनने या इंटरसेप्टर सेवा की सदस्यता लेने के लिए कह कर अपने जीवन को जटिल बना देंगे यदि यह अपने आंतरिक तर्क के आधार पर कुछ उत्सर्जित करता है तो दृश्य को पता चल जाएगा कि क्या इसे लॉगिन पृष्ठ पर वापस जाना चाहिए?

के अनुसार
https://medium.com/coding-snippets/ionic-2-ui-alert-from-a-angular-2-service-221a2e526760#.spxbdpfz1

constructor(private app: IonicApp) {}

let alert = Alert.create({title: 'Error', message: message, buttons: ['OK']});
var nav = this.app.getActiveNav();
nav.present(alert

मेरे लिए आरसी 3 में काम नहीं करता है।

मुझे कुछ बिंदु याद आ रहा है लेकिन ...

सिर्फ इसलिए कि कोणीय टीम या अन्य लोग कहते हैं कि _यह एक दृश्य घटक है और वह एक सेवा वस्तु है_, उन्हें पूरी तरह से अलग करना सिर्फ इसलिए कि किसी प्रकार के वर्गीकरण निर्धारण से मदद नहीं मिलती है। वे सभी वस्तुएं हैं जो जरूरत पड़ने पर एक-दूसरे का संदर्भ प्राप्त करने में सक्षम हो सकती हैं और होनी चाहिए।

इसके अलावा एक अमूर्त अनुप्रयोग स्तर पर NavController एक साधारण दृश्य युग्मित वर्ग की तुलना में एक ऑर्केस्ट्रेटिंग वैश्विक नियंत्रक है। इसलिए चूंकि NavController "सो कोर" है, इसलिए मैं इस डिज़ाइन पर पुनर्विचार करने या Ionic कोर मॉड्यूल में एक केंद्रीकृत ऐप वाइड सर्विस जोड़ने का सुझाव दूंगा।

barocsi 10 दिस॰ 2016

👍15

आपके app.component.ts the अद्भुत . के भीतर एक बहुत ही सरल गंदा समाधान है
@ViewChild('carguardNav') navCtrl: NavController
अन्य सेवा प्रदाताओं को पारित किया जा सकता है जैसे

myGlobalService.nav = this.navCtrl

प्लेटफ़ॉर्म इनिशियलाइज़ेशन चरण के दौरान, और फिर आपकी अन्य सेवा से पुनर्प्राप्त किया जा सकता है जो MyGlobalService पर निर्भर करती है और इंजेक्ट की गई थी।

barocsi 10 दिस॰ 2016

👍3

नमस्कार! खेद है कि आपको यहां समस्या हो रही है। इसलिए NavController को किसी सेवा में इंजेक्ट नहीं किया जा सकता क्योंकि किसी सेवा में NavController नहीं है। इसका मतलब यह है कि कोणीय निर्भरता इंजेक्शन यह नहीं जानता है कि कौन सा NavController एक संदर्भ प्राप्त करने के लिए भी एक त्रुटि का कारण बनता है। याद रखने वाली एक महत्वपूर्ण बात यह है कि यह हमारे NavController के लिए केंद्रीय नहीं है, यह एक मानक Angular DI त्रुटि है। अगर मैं आपके उपयोग के मामले को सही ढंग से समझ रहा हूं, तो आप समान कार्यक्षमता प्राप्त करने के लिए ईवेंट उत्सर्जक का उपयोग कर सकते हैं। क्योंकि यह हमारी ओर से कोई त्रुटि नहीं है, लेकिन एंगुलर 2 में डिपेंडेंसी इंजेक्शन कैसे काम करता है, मैं इस मुद्दे को अभी के लिए बंद करने जा रहा हूं, लेकिन मैं दृढ़ता से अनुशंसा करता हूं कि आप केंद्रीकृत ऐप वाइड नेवीकंट्रोलर सर्विस आइडिया के लिए एक फीचर अनुरोध खोलें। ऊपर उल्लेख करें। आयोनिक का उपयोग करने के लिए धन्यवाद!

jgw96 12 दिस॰ 2016

👎21 👍19 ❤1 🎉1

असल में मैंने एक और समाधान बनाया है जिसके लिए चिंता हो सकती है, मैं आईओसी पैटर्न के माध्यम से दृश्य और सेवा घटकों को जोड़ने के लिए ऐप वाइड इवेंट्स का उपयोग कर रहा हूं जिसका अर्थ है सेवाओं से अच्छे पुराने प्रसारण कार्यक्रम और दृश्य घटकों में उनकी सदस्यता लेना।

barocsi 15 दिस॰ 2016

@barocsi क्या आपको अपना समाधान पोस्ट करने में कोई आपत्ति है? मैं एक ही समस्या में भाग रहा हूँ।

gregfrasco 22 दिस॰ 2016

उस गंदगी को गेटटर और इंजेक्टर के साथ काम करने के लिए मजबूर किया

  constructor(
    protected injector: Injector
  ) {

...

  get navCtrl(): NavController {
    return this.injector.get(NavController);
  }

bobrosoft 3 फ़र॰ 2017

👍16 🎉4 ❤1

@bobrosoft क्या आपके पास एक कामकाजी उदाहरण है? मुझे आपके कोड के साथ फिर से "Navcontroller के लिए कोई इंजेक्टर नहीं" मिलता है

m3l7 9 मार्च 2017

@ m3l7 अगला प्रयास करें:

  constructor(
    protected app: App,
...
  get navCtrl(): NavController {
    return this.app.getRootNav();
  }

bobrosoft 9 मार्च 2017

👍16 🎉6 ❤1

@bobrosoft ठीक है, यह काम करता है। (उम्मीद है कि यह समाधान काम करेगा)।

आयनिक 2 में अधिक उन्नत रूटिंग समाधान होना बहुत अच्छा होगा .. मैं बस एक मूल 401 इंटरसेप्टर बनाने की कोशिश कर रहा हूं और ऐप को लॉगिन पेज पर रीडायरेक्ट कर रहा हूं।

m3l7 9 मार्च 2017

अरे @bobrosoft : यह इसका तरीका है!

कंस्ट्रक्टर (@इंजेक्ट (प्लेटफ़ॉर्म) प्लेटफ़ॉर्म, @इंजेक्ट (NavController) navController) {
}

इसे यहां समझाया गया है: https://github.com/driftyco/ionic/issues/5543

mpeguero 17 मार्च 2017

🎉1 👎1

@mpeguero जो काम नहीं करेगा अगर सेवा (हम सेवाओं के बारे में, है ना?) पहले के चरणों में तत्काल और यह तकनीकी रूप से मेरे पहले उत्तर के समान ही है। मैंने इसे पहले चेक किया था।

वह समाधान

  constructor(
    protected app: App,
...
  get navCtrl(): NavController {
    return this.app.getRootNav();
  }

बेहतर है लेकिन आदर्श भी नहीं।

bobrosoft 20 मार्च 2017

👍6 🎉2 ❤1 😕1 😄1

आयनिक डॉक्स में समाधान है। यह बढ़िया काम करता है।

Android के लिए आउटलुक प्राप्त करें http://aka.ms/ghei36

सोम, मार्च 20, 2017 पर 04:44 -0400 पर, "व्लादिमीर Tolstikov" < [email protected] [email protected] > ने लिखा:

@mpeguero https://github.com/mpeguero जो काम नहीं करेगा अगर सेवा (हम सेवाओं के बारे में, है ना?) पहले के चरणों में तत्काल और यह तकनीकी रूप से मेरे पहले उत्तर के समान ही है। मैंने इसे पहले चेक किया था।

वह समाधान

निर्माता (
संरक्षित ऐप: ऐप,
...
navCtrl प्राप्त करें (): NavController {
इसे वापस करें। ऐप। getRootNav ();
}

बेहतर है लेकिन आदर्श भी नहीं।

-
आप इसे प्राप्त कर रहे हैं क्योंकि आपका उल्लेख किया गया था।
इस ईमेल का सीधे उत्तर दें, इसे GitHub https://github.com/driftyco/ionic/issues/9581#issuecomment-287701528 पर https://github.com/notifications/unsubscribe-auth/ABvDpy- 6mn19VUnkSbBakAj11hsdEv1zks5rnjxygaJpZM4LJvpd ।

mpeguero 22 मार्च 2017

👎2 👍1

तो इस मामले पर मौजूदा समाधान क्या है? यदि इंटरसेप्टर 401 या 403 की HttpErrorResponse स्थिति प्राप्त करता है, तो मैं लॉगआउट पृष्ठ खोलने का प्रयास करता हूं, लेकिन वह काम नहीं कर सकता। असंभव लगता है, सच में।

abaginski 21 मार्च 2018

👍1

यह भी सामान्य ज्ञान है कि एक वैश्विक सेवा NavController इंजेक्ट और इंस्टेंट नहीं करेगी। मान लें कि आप पेज ए में हैं, जिसका घटक private navCtrl: NavController का उपयोग कर रहा है, और यह global-function-provider का भी उपयोग कर रहा है।
अब यदि यह प्रदाता इंजेक्शन भी लगा रहा है और अपने स्वयं के NavController का उपयोग कर रहा है, तो प्रदाता को इसके उपयोग से घटक से कॉल करने से चीजें गड़बड़ हो जाएंगी।

मेरी राय में, जब भी आप उस पेज के navCtrl का उपयोग करना चाहते हैं, तो इसे केवल उस वैश्विक फ़ंक्शन के पैरामीटर के रूप में पास करें जिसका आप उपयोग कर रहे हैं।

thelebdev 18 जून 2018

मुद्दे के लिए धन्यवाद! मूल मुद्दे से प्रासंगिक नहीं होने वाली टिप्पणियों को रोकने के लिए इस मुद्दे को लॉक किया जा रहा है। यदि यह अभी भी Ionic के नवीनतम संस्करण के साथ एक समस्या है, तो कृपया एक नया मुद्दा बनाएं और सुनिश्चित करें कि टेम्पलेट पूरी तरह से भरा हुआ है।

ionitron-bot[bot] 1 सित॰ 2018

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

Ionic-framework: आयोनिक V2: NavController के लिए कोई प्रदाता नहीं! समाधान?

सबसे उपयोगी टिप्पणी

सभी 15 टिप्पणियाँ

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