ng2はコンポーネントから継承して親テンプレートを拡張します

Question

コンポーネントは基本コンポーネントから継承しています。

派生コンポーネントのベースコンポーネントのテンプレートを拡張したいと考えています。

ex。 基本コンポーネントでテンプレート：由来成分で

<div> 
    <button>1</button> 
</div> 

テンプレート：

<div> 
    <button>2</button> 
</div> 

と私はボタン1とボタン2

を見たいと思ってはそれを行うための方法はありますか？ ありがとう！あなたのボタン2は単に以下のように、テンプレート2からセレクタを使用しているところから垂れ下がっHTMLで

Answer 1

：

TSボタン2：

@Component({ 
    selector: 'app-mybutton2', 

のHTMLボタン1：

<div> 
    <button>1</button> 
</div> 
<app-mybutton2></app-mybutton2> 

Answer 2

あなたはhtmlファイルを拡張することはできません。しかし、よく分かっていれば、カスタムコンポーネントを作成してコンポーネント内で使用する必要があります。

typescriptファイルの場合、コンポーネントはtypescriptクラスを拡張でき、2つのtypescriptファイルは同じテンプレートhtmlファイルを共有できます。