gpt4 book ai didi

angular - 如何将 html 字符串传递给我的子组件?

转载 作者:行者123 更新时间:2023-12-02 07:21:29 25 4
gpt4 key购买 nike

我需要将 html 字符串传递给 angular 4 中的组件,但我找不到将传递的字符串标记为安全的方法。

我正在父组件中创建传递的 html,它不是我从用户那里获取或从服务器检索的东西,它也是动态的(根据情况/警报类型创建)

我的代码如下所示:

<app-alert
message = "Please complete your <span class=u>Profile</span>"
alertType = "alert-info"
icon = "glyphicon glyphicon-info-sign"
closeBtn = "true">
</app-alert>


我搜索了很多,但找不到合适的东西,我能找到的最接近的是 this question ,但它只处理“普通”字符串,而不是包含 html 的字符串

如何将 html 字符串传递给我的子组件?

最佳答案

您可以将 html 字符串作为组件输入传递。然后在您的子组件的 html 中使用 innerHTML 指令( https://www.dev6.com/Angular-2-HTML-binding )

<span [innerHTML]="componentInput"></span>

关于angular - 如何将 html 字符串传递给我的子组件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44689623/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com