আমি ইতিমধ্যে কৌণিক 2 তে ইতিমধ্যে মোতায়েন করা কিছু উপাদানগুলির জন্য এক্সটেনশানগুলি তৈরি করতে চাই, প্রায় পুরোপুরি পুনর্লিখন না করেই, কারণ বেস উপাদানটি পরিবর্তন সহ্য করতে পারে এবং এই পরিবর্তনগুলি তার উদ্ভূত উপাদানগুলিতেও প্রতিফলিত হতে পারে।
আমি আমার প্রশ্নগুলি আরও ভাল করে ব্যাখ্যা করার চেষ্টা করার জন্য এই সাধারণ উদাহরণটি তৈরি করেছি:
নিম্নলিখিত বেস উপাদান সহ app/base-panel.component.ts:
import {Component, Input} from 'angular2/core';
@Component({
selector: 'base-panel',
template: '<div class="panel" [style.background-color]="color" (click)="onClick($event)">{{content}}</div>',
styles: [`
.panel{
padding: 50px;
}
`]
})
export class BasePanelComponent {
@Input() content: string;
color: string = "red";
onClick(event){
console.log("Click color: " + this.color);
}
}উদাহরণস্বরূপ শুধু দ্বিতীয় আরেকটি ব্যুৎপন্ন উপাদান তৈরি করতে চান, উদাহরণস্বরূপ রঙ ক্ষেত্রে মৌলিক উপাদান আচরণ, app/my-panel.component.ts:
import {Component} from 'angular2/core';
import {BasePanelComponent} from './base-panel.component'
@Component({
selector: 'my-panel',
template: '<div class="panel" [style.background-color]="color" (click)="onClick($event)">{{content}}</div>',
styles: [`
.panel{
padding: 50px;
}
`]
})
export class MyPanelComponent extends BasePanelComponent{
constructor() {
super();
this.color = "blue";
}
}প্লাঙ্কারে কাজ করার সম্পূর্ণ উদাহরণ
দ্রষ্টব্য: স্পষ্টতই এই উদাহরণটি সহজ এবং সমাধান করা যেতে পারে অন্যথায় উত্তরাধিকার ব্যবহার করার প্রয়োজন নেই, তবে এটি কেবল আসল সমস্যাটি চিত্রিত করার উদ্দেশ্যে।
যেমন আপনি ডেরাইভেটিভ উপাদানটির বাস্তবায়নে দেখতে পাচ্ছেন, বাস্তবায়নের app/my-panel.component.tsবেশিরভাগ অংশ পুনরাবৃত্তি হয়েছিল, এবং সত্যই উত্তরাধিকার সূত্রে প্রাপ্ত একক অংশটি হ'ল class BasePanelComponent, তবে @Componentকেবল পরিবর্তিত অংশগুলিই মূলত পুরোপুরি পুনরাবৃত্তি করতে হয়েছিল selector: 'my-panel'।
উদাহরণস্বরূপ চিহ্নিতকরণ class/ টীকাগুলির সংজ্ঞা উত্তরাধিকার সূত্রে কোনও উপাদান Angular2 এর আক্ষরিক অর্পিত উত্তরাধিকার করার কোনও উপায় আছে কি @Component?
সম্পাদনা 1 - বৈশিষ্ট্য অনুরোধ
বৈশিষ্ট্য অনুরোধ কৌণিক 2 গিটিহাবের প্রকল্পে যুক্ত হয়েছে: কৌণিক 2 উপাদান এনোটেশনগুলি প্রসারিত / বর্ধিত করুন
সম্পাদনা 2 - বন্ধ অনুরোধ
অনুরোধটি বন্ধ ছিল, এই কারণে , সংক্ষিপ্তভাবে কীভাবে ডেকোরেটরটি মার্জ করা হবে তা জানত না। কোনও বিকল্প ছাড়াই আমাদের ছেড়ে চলে যাচ্ছি। সুতরাং আমার মতামত ইস্যুতে উদ্ধৃত করা হয়েছে ।