如何将JavaScript if子句嵌入到HTML代码中

我想在HTML代码中嵌入一个JavaScript if子句。有两个按钮名为

success

和

danger

，它们由

if

子句分隔。我试着按照下面的方式去做

<script>
    if (1 < 18) {
</script>
       <button type="button" class="btn btn-success btn-rounded">Success</button>
<script>
    }
    else{
</script>
       <button type="button" class="btn btn-danger btn-rounded">Danger</button>
<script>
    }
</script>

如果（1<18）{
成功
}
否则{
危险
}

---

但它没有正常工作。那我该怎么做呢。

你需要用JavaScript编写HTML代码，见下文

<script type="text/javascript">
var i = 0;
window.onload = function(){
if (i == 0)
{
     document.getElementById('somearea').innerHTML = '<input type="button" value="Some Value 1"/>';
}
else
{
     document.getElementById('somearea').innerHTML = '<input type="button" value="Some Value 2"/>';
}
}
    </script>

var i=0；
window.onload=函数（）{
如果（i==0）
{
document.getElementById（'somearea'）。innerHTML=''；
}
其他的
{
document.getElementById（'somearea'）。innerHTML=''；
}
}

有几种不同的方法可以从角度执行此操作。最简单的更改是只使用

*ngIf

：

成功
危险

可能的副本实际上是的副本，用于AngularJS，而不是AngularJS。您是否真的在Angular中执行此操作？您使用了标记，但在您的示例中没有任何特定于角度的代码，并且通常不使用

标记。@John Montgomery是的，我使用的是角度标记。这是

component.html

文件。如何使用if子句来分隔这些按钮使用

*ngIf

。