即使变量已初始化，Angular Nativescript 可见性也默认为 true

Question

有没有办法在 Nativescript 中默认“隐藏”元素？

我的组件中有

export class HouseholdContactComponent{
  private isLoading = true
}

在我的xml中

<StackLayout [visibility]="isLoading ? 'collapse' : 'visible'">
  <Label text="Hi there"></Label>
</StackLayout>

使用此代码，屏幕会闪烁“您好”消息，然后消失。

Answer 1

您应该使用 Angular 指令，而不是使用 [visibility] 属性*ngIf。

<StackLayout *ngIf="!isLoading">
    <Label text="Hi there"></Label>
</StackLayout>

附带说明一下，为了绑定到属性 property 并将其绑定到插值 Angular 正在执行的操作，您需要在其前面加上 前缀attr，例如，您需要编写[attr.visibility]而不仅仅是[visibility].