【问题标题】:Angular: passing a template like a render callbackAngular:像渲染回调一样传递模板
【发布时间】:2021-04-06 20:43:56
【问题描述】:

我已经阅读了关于在组件中传递一个 templateRef,然后使用它来呈现客户端传递的模板,该模板被组件中定义的东西包装。

我需要实现的有点复杂。

我的情况如下: 我正在构建一个表格组件,它接收要显示的项目数组以及从模型中检索文本的回调。

效果很好,但我只能在表格中输入文字。

我正在尝试找到类似于反应渲染回调的东西,您可以在其中指定如何渲染作为回调中的参数接收的每个元素。 但就我所读到的而言,这在 Angular 中是不可能的。

我想要实现的是能够向组件传递一个模板,该模板将在内部填充数据。

假设我想在第一列显示一个图像,我将传递一个包含图像的模板,并且该图像的 src 字段将根据每个元素中保存的内容在组件内部进行设置数组通过了。

有没有办法在 Angular 中实现这一点?

【问题讨论】:

    标签: angular typescript


    【解决方案1】:

    在 Angular 的情况下直接分配 html 标签将不起作用,但您可以使用 html sanitizer for angular 在屏幕上呈现它们 您可以使用 https://angular.io/api/platform-browser/DomSanitizer

    更多细节可以参考这个angular官方文档

    【讨论】:

      【解决方案2】:

      我找到了我要找的东西... 见this post

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2014-10-04
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2014-01-31
        • 1970-01-01
        • 2014-09-22
        相关资源
        最近更新 更多