如何在 angular 中使用 typescript 更改弹出警报的颜色

Question

我正在 angular 中使用 tysprcript。现在我已经在 if 条件下创建了一个弹出式警报，例如：

if(text != null){
alert("Success!!")
}else{
alert("Failed!")
}

有人知道如何修改此消息的颜色或样式吗？例如绿色代表成功，红色代表失败

Answer 1

您无法更改 window.alert 颜色。它获取一个字符串作为参数并显示它。正确的方法是使用 snackbar 之类的东西，或者您可以编写自己的 popup 两者都可以使用 Angular Material

但如果你坚持这样做，你可以使用 jQuery 来实现，这已在以下问题中进行了解释：

change alert message text color using javascript

how to change the color of a pupop alert using typescript in angular