ng2继承自组件并扩展父模板

时间:2017-08-08 13:38:33

标签: angular angular2-template

我有一个继承自基础组件的组件。

我想在派生组件中扩展基本组件的模板。

离。 基本组件中的模板:

<div>
   <button>1</button>
</div>
派生组件中的

模板:

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

我希望看到按钮1和按钮2

有什么办法吗? 谢谢!

2 个答案:

答案 0 :(得分:0)

在html中,取决于你的按钮2的位置,只需使用模板2中的选择器,如下所示:

ts button2:

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

html button1:

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

答案 1 :(得分:0)

您无法扩展html文件。但是,如果我理解你,你需要创建自定义组件并在组件中使用它。

对于打字稿文件,您可以使组件扩展任何typescript类,并且两个打字稿文件可以共享相同的模板html文件。