角度-2

Question

で動的に別のテンプレートをバインドするための一つのコンポーネント私は部品が常に

@Component({ 
    selector: 'page-sample', 
    templateUrl: 'sample.html', 
    providers: [] 
}) 

のようなビューテンプレートと結合されて見てきた角2に新しいですが、我々は異なるに角度2コンポーネントを再利用することができます動的にテンプレート？

Answer 1

これは直接質問には答えませんが、（ほとんど）同じコンポーネントを使用して別のビューを表示する方法を提案したいと思います。

私は通常、別のコンポーネントを作り、同じ機能を再利用するためにベースコンポーネントを継承させます。

//base component with functionality 
@Component({ 
    selector: 'page-sample', 
    templateUrl: 'sample.html', 
    providers: [] 
}) 
export class BaseComponent{ 
} 

BaseComponentを継承するが、別のビューを使用できる新しいコンポーネントを作成します。

// another component with a different view. 
@Component({ 
    selector: 'another-page-sample', 
    templateUrl: 'another-sample.html', 
    providers: [] 
}) 
export class AnotherComponent extends BaseComponent{ 
}