Question

我想将JavaScript if子句嵌入HTML代码中。有两个名为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>

但是它不能正常工作。那我该怎么办。

Answer 1

在Angular中可以有几种不同的方法。最简单的更改是仅使用*ngIf：

<button *ngIf="1 < 18" type="button" class="btn btn-success btn-rounded">Success</button>
<button *ngIf="1 >= 18" type="button" class="btn btn-danger btn-rounded">Danger</button>

Answer 2

您需要使用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>

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

2 个答案: