当变量为true时如何显示有效标签，变量为false时如何显示错误标签

问题描述

我正在node-red上的一个项目上工作，该项目将来自数据库的变量传递到页面，并且它会创建一个页面，该页面应具有有效消息（例如：带有有效文本的绿色标签），如果变量为true，如果变量为false，则会显示一条错误消息（例如：带有错误文本的红色标签）。

还希望该页面在5秒钟后隐藏消息（有效或错误），并准备好接收此变量的另一个实例。

我开发的代码仅在变量的第一个实例上起作用，并且页面应无数次接收到该变量，并显示其有效还是错误。

注意：出于某种原因，在节点红色中，我无法在脚本标记中访问此变量，只能在HTML代码（<body>）中访问此变量

这是我写的代码：

*提示：msg.payload是我正在谈论的变量。

<head>
  <style>
    .button1 {background-color: #4CAF50;} /* Green */
    .button2 {background-color: #f44336;} /* Red */
    .button3 {background-color: #ffffff;}   /* white */
  </style>
</head>
<body> 
    <span id="lbl2"  ng-class="{button1:msg.payload== true,button2:msg.payload== false}">validation message! 
    <script>setTimeout(function({document.getElementById("lbl2").style.backgroundColor="#ffffff";
              document.getElementById("b").innerHTML = "";},5000)</script>
    </span> 
</body>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

html javascript node-red