Question

我需要将一个html字符串传递给角度为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字符串传递给我的子组件？

Answer 1

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

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

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

1 个答案: