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



我有一个组件继承自基本组件。

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

前任。 基本组件中的模板:

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

派生组件中的模板:

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

我想看到按钮 1 和按钮 2

有什么办法吗? 谢谢!

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

TS 按钮 2:

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

HTML 按钮 1:

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

不能扩展 html 文件。但是,如果我非常了解您,则需要创建自定义组件并在组件中使用它。

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

最新更新