উত্তরাধিকার এবং নির্ভরতা ইনজেকশন

Question 1

আমার কাছে কৌণিক 2 উপাদানগুলির একটি সেট রয়েছে যা সকলকে কিছুটা ইনজেকশন দেওয়া উচিত। আমার প্রথম চিন্তা ছিল যে একটি সুপার ক্লাস তৈরি করা এবং সেখানে পরিষেবাটি ইনজেক্ট করা ভাল। আমার যে কোনও উপাদান সেই সুপারক্লাসটি প্রসারিত করবে কিন্তু এই পদ্ধতির কাজ হয় না।

সরলীকৃত উদাহরণ:

export class AbstractComponent {
  constructor(private myservice: MyService) {
    // Inject the service I need for all components
  }
}

export MyComponent extends AbstractComponent {
  constructor(private anotherService: AnotherService) {
    super(); // This gives an error as super constructor needs an argument
  }
}

আমি MyServiceপ্রতিটি এবং প্রতিটি উপাদান মধ্যে ইনজেকশনের মাধ্যমে এটি সমাধান করতে এবং super()কলটি জন্য এই যুক্তি ব্যবহার করতে পারেন কিন্তু এটি অবশ্যই একরকম অবাস্তব।

কীভাবে আমার উপাদানগুলি সঠিকভাবে সংগঠিত করবেন যাতে তারা সুপার বর্গ থেকে কোনও পরিষেবাদি উত্তরাধিকার সূত্রে আসে?

Question 2

আমি প্রতিটি এবং প্রতিটি উপাদানগুলির মধ্যে মাই সার্ভিসেস ইনজেকশনের মাধ্যমে এটি সমাধান করতে পারি এবং সুপার () কলের জন্য সেই যুক্তিটি ব্যবহার করতে পারি তবে এটি অবশ্যই একরকম অবাস্তব।

এটা অযৌক্তিক নয়। কনস্ট্রাক্টর এবং কনস্ট্রাক্টর ইঞ্জেকশন এভাবে কাজ করে।

প্রতিটি ইনজেকশনযোগ্য ক্লাসকে কনস্ট্রাক্টর প্যারামিটার হিসাবে নির্ভরতাগুলি ঘোষণা করতে হয় এবং সুপারক্লাসেও যদি নির্ভরতা থাকে তবে এগুলি সাবক্লাসের কনস্ট্রাক্টরে তালিকাভুক্ত করা উচিত এবং super(dep1, dep2)কল সহ সুপারক্লাসের পাশ দিয়ে যেতে হবে।

একটি ইনজেক্টর কাছাকাছি পাস এবং জরুরীভাবে নির্ভরতা অর্জনের গুরুতর অসুবিধা রয়েছে।

এটি নির্ভরশীলতাগুলি গোপন করে যা কোডটি পড়া শক্ত করে।
এটি Angular2 ডিআই কীভাবে কাজ করে তার সাথে পরিচিত একজনের প্রত্যাশা লঙ্ঘন করে।
এটি অফলাইন সংকলনটি ভেঙে দেয় যা কার্যকারিতা উন্নত করতে এবং কোডের আকার হ্রাস করতে ঘোষিত এবং আবশ্যক ডিআই প্রতিস্থাপনের জন্য স্ট্যাটিক কোড উত্পন্ন করে।

Question 3

আপডেট সমাধান, বৈশ্বিক ইনজেক্টর ব্যবহার করে তৈরি হওয়া মাই সার্ভিসির একাধিক ঘটনা প্রতিরোধ করে।

import {Injector} from '@angular/core';
import {MyServiceA} from './myServiceA';
import {MyServiceB} from './myServiceB';
import {MyServiceC} from './myServiceC';

export class AbstractComponent {
  protected myServiceA:MyServiceA;
  protected myServiceB:MyServiceB;
  protected myServiceC:MyServiceC;

  constructor(injector: Injector) {
    this.settingsServiceA = injector.get(MyServiceA);
    this.settingsServiceB = injector.get(MyServiceB);
    this.settingsServiceB = injector.get(MyServiceC);
  }
}

export MyComponent extends AbstractComponent {
  constructor(
    private anotherService: AnotherService,
    injector: Injector
  ) {
    super(injector);

    this.myServiceA.JustCallSomeMethod();
    this.myServiceB.JustCallAnotherMethod();
    this.myServiceC.JustOneMoreMethod();
  }
}

এটি নিশ্চিত করবে যে মাই সার্ভিসটি প্রতিটি উত্পন্ন ক্লাসে মাই সার্ভিসেস ইনজেক্ট করার প্রয়োজন ছাড়াই অ্যাবস্ট্রাক্ট কম্পোনেন্টের প্রসারিত যে কোনও শ্রেণীর মধ্যে ব্যবহার করা যেতে পারে।

এই সমাধানটির জন্য কয়েকটি কনস রয়েছে (আমার মূল প্রশ্নের নীচে @ গন্তার জ্যাচবাউরের কাছ থেকে মন্তব্য দেখুন):

বৈশ্বিক ইনজেক্টর ইনজেকশন কেবল তখনই উন্নতি হয় যখন বিভিন্ন স্থানে বিভিন্ন জায়গায় ইঞ্জেকশন লাগানো দরকার। আপনার যদি কেবল একটি ভাগ করা পরিষেবা থাকে তবে উত্পন্ন শ্রেণীর মধ্যে সেই পরিষেবাটি ইনজেক্ট করা সম্ভবত আরও ভাল / সহজ (
আমার সমাধান এবং তার প্রস্তাবিত বিকল্পের উভয়ই অসুবিধা হ'ল যেটি কোন শ্রেণিতে কোন পরিষেবা নির্ভর করে তা দেখতে এটি আরও কঠিন করে তোলে।

অ্যাঙ্গুলার 2 এ নির্ভরতা ইনজেকশন সম্পর্কে খুব লিখিতভাবে ব্যাখ্যা করার জন্য এই ব্লগ পোস্টটি দেখুন যা সমস্যার সমাধান করতে আমাকে ব্যাপকভাবে সহায়তা করেছে: http://blog.thoughtram.io/angular/2015/05/18/d dependency-inication-in-angular- 2.html

Question 4

ম্যানুয়ালি সমস্ত পরিষেবাদি ইনজেক্ট করার পরিবর্তে আমি পরিষেবা সরবরাহকারী একটি ক্লাস তৈরি করেছি, যেমন, এটি পরিষেবাগুলিকে ইনজেকশন দেয়। এই ক্লাসটি পরে উদ্ভূত ক্লাসগুলিতে ইনজেকশন দেওয়া হয় এবং বেস শ্রেণিতে স্থান দেওয়া হয়।

উত্পন্ন শ্রেণি:

@Component({
    ...
    providers: [ProviderService]
})
export class DerivedComponent extends BaseComponent {
    constructor(protected providerService: ProviderService) {
        super(providerService);
    }
}

বেস শ্রেণি:

export class BaseComponent {
    constructor(protected providerService: ProviderService) {
        // do something with providerService
    }
}

পরিষেবা সরবরাহকারী শ্রেণি:

@Injectable()
export class ProviderService {
    constructor(private _apiService: ApiService, private _authService: AuthService) {
    }
}

Question 5

নির্ভরযোগ্যতা হিসাবে অন্যান্য সমস্ত পরিষেবা রয়েছে এমন একটি পরিষেবা ইনজেকশনের পরিবর্তে:

class ProviderService {
    constructor(private service1: Service1, private service2: Service2) {}
}

class BaseComponent {
    constructor(protected providerService: ProviderService) {}

    ngOnInit() {
        // Access to all application services with providerService
        this.providerService.service1
    }
}

class DerivedComponent extends BaseComponent {
    ngOnInit() {
        // Access to all application services with providerService
        this.providerService.service1
    }
}

আমি এই অতিরিক্ত পদক্ষেপটি এড়িয়ে যাব এবং বেসকম্পোন্টে সমস্ত পরিষেবা কেবল ইনজেকশন যুক্ত করব:

class BaseComponent {
    constructor(protected service1: Service1, protected service2: Service2) {}
}

class DerivedComponent extends BaseComponent {
    ngOnInit() {
        this.service1;
        this.service2;
    }
}

এই কৌশলটি 2 টি জিনিস ধরে নিয়েছে:

আপনার উদ্বেগ সম্পূর্ণরূপে উপাদান উত্তরাধিকার সম্পর্কিত। সম্ভবত, আপনি এই প্রশ্নটিতে অবতারণার কারণটি হ'ল প্রচুর পরিমাণে অ শুকনো (ডাব্লুইইটি?) কোডের জন্য আপনাকে প্রতিটি উত্পন্ন শ্রেণিতে পুনরাবৃত্তি করতে হবে। আপনি যদি আপনার সমস্ত উপাদান এবং পরিষেবাদির জন্য একটি একক প্রবেশ পয়েন্টের সুবিধা পেতে চান তবে আপনাকে অতিরিক্ত পদক্ষেপটি করতে হবে।
প্রতিটি উপাদান প্রসারিত BaseComponent

আপনি যদি একটি উদ্ভূত শ্রেণীর নির্মাতা ব্যবহার করার সিদ্ধান্ত নেন তবে একটি অসুবিধাও রয়েছে, কারণ আপনাকে super()সমস্ত নির্ভরতাগুলিতে কল করতে এবং পাস করতে হবে । যদিও আমি সত্যিই এমন ব্যবহারের ক্ষেত্রে দেখতে পাই না যা তার constructorপরিবর্তে ব্যবহারের প্রয়োজন হয় ngOnInitতবে এটি সম্পূর্ণরূপে সম্ভব যে এই ধরনের ব্যবহারের কেস বিদ্যমান।

Question 6

বেস শ্রেণীর উত্তরাধিকারী হওয়ার জন্য আমি যা বুঝি সে থেকে আপনাকে প্রথমে এটি ইনস্ট্যান্ট করা দরকার। এটি তাত্পর্যপূর্ণ করার জন্য আপনাকে এর নির্মাতার প্রয়োজনীয় প্যারামিটারগুলি পাস করতে হবে সুতরাং আপনি এগুলি বাচ্চা থেকে পিতামাতার কাছে একটি সুপার () কলের মাধ্যমে তাদের পাস করতে পারেন যাতে এটি বোধগম্য হয়। ইনজেক্টর অবশ্যই একটি আরও কার্যকর সমাধান।

Question 7

যদি প্যারেন্ট ক্লাসটি তৃতীয় পক্ষের প্লাগ-ইন থেকে পাওয়া যায় (এবং আপনি উত্সটি পরিবর্তন করতে পারবেন না) আপনি এটি করতে পারেন:

import { Injector } from '@angular/core';

export MyComponent extends AbstractComponent {
  constructor(
    protected injector: Injector,
    private anotherService: AnotherService
  ) {
    super(injector.get(MyService));
  }
}

বা সর্বাধিক ভাল উপায় (কনস্ট্রাক্টরে কেবলমাত্র একটি পরামিতি থাকুন):

import { Injector } from '@angular/core';

export MyComponent extends AbstractComponent {
  private anotherService: AnotherService;

  constructor(
    protected injector: Injector
  ) {
    super(injector.get(MyService));
    this.anotherService = injector.get(AnotherService);
  }
}

Question 8

কৌতুক হ্যাক

কিছু সময় আগে আমার ক্লায়েন্টের কয়েকজন গতকাল দুটি বিগ কৌণিক প্রকল্পে যোগ দিতে চায় (কৌণিক v4 কৌণিক v8 তে)। প্রকল্প ভি 4 প্রতিটি উপাদানগুলির জন্য বেসভিউ ক্লাস ব্যবহার করে এবং এতে tr(key)অনুবাদগুলির জন্য পদ্ধতি রয়েছে ( ভি 8 তে আমি এনজি-ট্রান্সলেট ব্যবহার করি)। সুতরাং অনুবাদ সিস্টেম স্যুইচিং এড়াতে এবং শত শত টেম্পলেটগুলি সম্পাদনা করতে (ভি 4 তে) অথবা সমান্তরালভাবে 2 অনুবাদ সিস্টেম সেটআপ করুন আমি নিম্নলিখিত কুরুচিপূর্ণ হ্যাক ব্যবহার করি (এতে আমি গর্বিত নই) - AppModuleক্লাসে আমি নিম্নরূপ নির্মাণকারী যুক্ত করব:

export class AppModule { 
    constructor(private injector: Injector) {
        window['UglyHackInjector'] = this.injector;
    }
}

এবং এখন AbstractComponentআপনি ব্যবহার করতে পারেন

export class AbstractComponent {
  private myservice: MyService = null;

  constructor() {
    this.myservice = window['UglyHackInjector'].get(MyService);
  }
}