在多个组件中使用HTML

Question

是否可以在另一个组件中使用一个组件的HTML？如果我使用Selector，那么它将同时使用TS Component进行渲染（即）功能。我只是将那个特定的HTML页面用于多个地方？有什么办法吗？

Answer 1

是的，您可以创建一个打字稿文件来导出该模板

export const HTMLTemplate = `here will be the template`

然后您将templateUrl: 'url'更改为template: HTMLTemplate 并从您创建的文件中导入HTMLTemplate。

详细信息：

您可以创建typescript文件HTMLtemplate.ts

在该文件中，您将添加此行

export const HTMlTemplate = `<div></div>`;

您可以使用要在组件之间共享的模板来代替<div></div>。

下一步，您将转到您要使用共享代码的组件，然后从中进行更改

@Component({ selector: 'app-selector', templateUrl: './selector.component.html', styleUrls: ['./selector.component.scss'] })

对此

import {HTMLTemplate} from 'where the HTMLtemplate.ts is'; @Component({ selector: 'app-selector', template: HTMLTemplate, styleUrls: ['./selector.component.scss'] })