时间戳

首页 > 解决方案 > 如何在组件Angular 8中插入HTML代码

html - 如何在组件Angular 8中插入HTML代码

问题描述

我需要在我的 component.ts 中插入 HTML5 代码，我试图在我的 component.html 中反映该代码，如何插入它，包括 CSS 和 Angular 的指令？我必须这样做，因为网站需要根据当前时间进行更改。我正在使用角度 8。谢谢

我在 component.html 中使用了 div 标签内的函数 [innerHtml]="htmlToAdd"，并且在 component.ts 中创建了一个名为“htmlToAdd”的 var 类型，我在其中放置了所有 HTML 代码，它工作，但它没有检测到 Angular 的指令，只有一些 CSS 样式。我在自己的组件文件夹和文件夹styles.css 中有CSS 样式，但是浏览器只检测到styles.css 文件夹中的一些样式。触发器也不起作用。

htmlToAdd : any;
this.htmlToAdd = '<p><button class="btn-sec app-btn-years" (click)="toggleDetails2019()" (click)="toggle2019()"><div *ngIf="text2019;then yearClose else yearDetails"></div><div [@showMonths]="status2019"></div>'+
             '</button></p>';

我希望每次刷新浏览器时，网站都会显示插入到 component.ts 中的代码，其中 CSS、触发器和 angular 指令正常工作，而不仅仅是现在的 html 结构。

标签： htmltypescriptangular8

解决方案

推荐阅读