我想将* ngIf与javascript变量一起使用。这可能吗？为何如此？

Question

我以前从未使用过JavaScript，并且想知道它如何以及是否可以与Angular中的* ngIf交互？

我尝试编写内联变量，然后尝试使用* ngIf将字符串与之进行比较，但是它无法将JavaScript变量识别为变量。我还尝试使JavaScript文件做同样的事情。

<div style="text-align:center">

<script>
var str = 'test';
</script>

<h1 *ngIf="'test' === str">It's true!</h1>

此代码段返回一个空页面，但我希望它返回“这是真的！”。