angularjs - angular コンポーネントを拡張し、ngFor ループで基本コンポーネントを参照できますか?

Question

コンポーネントをAngularで拡張することは可能ですか? もしそうなら、それらがすべて同じ基本コンポーネントを拡張する場合、複数の異なるコンポーネントのリストを (ngFor ループを介して) 作成できますか?

たとえば、すべてのメニュー項目が同じ「CustomMenuItem」コンポーネントを拡張している場合、カスタム メニュー バーにさまざまな種類のメニュー項目のリストを含めることはできますか? 一部はドロップダウン メニュー、一部はボタン、一部はテキスト ボックスなどですが、すべてがいくつかの基本的な機能を共有しています...

@Component({
    selector: 'custom-menu-bar',
    inputs: ['customMenuItems'],
    outputs: ['onMenuEvent'],
    template: `
        <div class="row">
            <custom-menu-item *ngFor="#item of customMenuItems">
                ...
            </custom-menu-item>
        </div>
    `
})
export class CustomMenuBar {
    customMenuItems: CustomMenuItem[];
    onMenuEvent: EventEmitter<MenuEvent>;

    //...
}