时间戳

首页 > 解决方案 > 包含 Angular 代码的 HTML 的 Angular 父组件渲染

angular - 包含 Angular 代码的 HTML 的 Angular 父组件渲染

问题描述

我有一个 Angular 父组件，它进行 API 调用以从 CMS 获取 HTML 内容。但是 CMS 内容有 Angular 代码并且需要访问父范围的变量/事件，例如这可能是 HTML 需要插入到父 HTML 模板中并呈现：

const cmsHTML = "<div (click)="parentFunc()">{{parentVar}}</div>"

请帮助我如何从父组件渲染它。

我发现 DomSanitizer 可以插入这个 HTML，但它不会被编译，所以这里的所有内容都显示为文本。ng-content 似乎也不起作用。请帮忙。谢谢！

标签： angularangular-directive

解决方案

推荐阅读