提问人：Stefan 提问时间：9/27/2023 更新时间：9/27/2023 访问量：42
如何在 angular 中使用基类的 html
How to use the html of the base class in angular
问：
我想在我的 angular 应用程序中创建一个基本组件，其他组件将从中扩展。我想为 html、ts 和 scss 使用一个单独的文件。在这个基本组件中，我想根据数据创建一个表。
我想在从这个基本组件扩展的组件中使用此表。我还没有发现如何在其他组件中使用这个 html 表。
我的问题是：如何在其他组件中使用基本组件的html？
我已经搜索了在其他组件中使用基本组件的 html 的方法，并尝试实现这个基类。
答：
0赞
Hezy Ziv
9/27/2023
#1
我不会这样做，但如果你愿意，你可以在使用扩展组件时从基本组件中获取 css 和 html
import { Component } from '@angular/core';
import { BaseComponent } from './path-to-base-component';
@Component({
templateUrl: './path-to-base.component.html', // Use base component's template
styleUrls: ['./path-to-base.component.scss'] // Use base component's styles
})
export class DerivedComponent extends BaseComponent {
// Additional logic or overrides here
}
我将创建一个获取值的表组件，并将其添加到所需的页面中，如下所示
<app-table [value]="value"></app-table>
评论
0赞
Stefan
9/27/2023
感谢您的回复。你会用什么方法做到这一点？
0赞
Hezy Ziv
9/27/2023
看看我回答的第二部分，创建一个表格组件并将其添加到您的页面中。这应该是您的表模板。
0赞
Stefan
9/27/2023
好。谢谢。
0赞
danday74
9/27/2023
您可能还想考虑 Angular 内容投影
评论