Nativescript 如何通过*ngIf显示

Nativescript 如何通过*ngIf显示,nativescript,nativescript-angular,Nativescript,Nativescript Angular,我想通过my home.component.ts触发*ngIf函数 html 它看起来很简单,但不起作用。 我遗漏了什么吗?您需要在单击时将变量设置为true/false 在HTML文件中写入 <button (click)="test()">Click</button> <span *ngIf="testi">NG IF</span> 使用*ngi如果可以在元素为真或不为空时显示该元素,则如果该元素为假或为空,则不会在浏览器中显示该元素 希望这

我想通过my home.component.ts触发*ngIf函数

html

它看起来很简单,但不起作用。
我遗漏了什么吗?

您需要在单击时将变量设置为true/false

在HTML文件中写入

<button (click)="test()">Click</button>
<span *ngIf="testi">NG IF</span>
使用*ngi如果可以在元素为真或不为空时显示该元素,则如果该元素为假或为空,则不会在浏览器中显示该元素


希望这能解决您的问题,谢谢

NativeScript按钮使用
点击
而不是
点击
。因此,在您的代码中,永远不会调用
test()

<button (tap)="test()" text="testbutton"></button>


请参阅并浏览可用的UI组件,以了解其核心区别。

您提供的代码乱七八糟。你能给我们看一些你使用的有效的HTML文件吗?是的,代码很乱。不管怎么说,看起来还可以。也许您可以检查控制台以查看是否出现任何错误?我认为您的代码失败是因为其他原因,这就是为什么没有执行test()是的,我希望这是有帮助的。控制台没有提供任何错误。我通过android模拟器运行它。我无法调试。是否使用默认的ChangeDetectionStrategy?谢谢。我要这么做!
<button (click)="test()">Click</button>
<span *ngIf="testi">NG IF</span>
testi = false

test(){
   testi = true;
}
<button (tap)="test()" text="testbutton"></button>