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

时间:2018-01-19 13:49:10

标签: angular nativescript angular2-nativescript

有没有办法默认"隐藏" Nativescript中的一个元素?

我的组件

export class HouseholdContactComponent{
  private isLoading = true
}

和我的xml

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

使用此代码,屏幕会闪烁&#34;嗨那里&#34;消息然后就消失了。

2 个答案:

答案 0 :(得分:3)

不应使用[visibility]属性,而应使用Angular *ngIf指令。

<StackLayout *ngIf="isLoading ? 'collapse' : 'visible'">
    <Label text="Hi there"></Label>
</StackLayout>

在旁注中,为了绑定到属性属性并将其绑定到插值Angular,您需要在其前面添加attr,例如,您需要编写[attr.visibility]而不是只是[visibility]

答案 1 :(得分:0)

使用*ngIf directive。如果变量值为function Invoke-WebRequestPut ([PSCustomObject] $releaseDefinition) { $uri = "https://vsrm.dev.azure.com/organizationname/projectname/_apis/release/definitions?api-version=5.0" $Auth = '{0}:{1}' -f $UserName, $PersonalToken $Auth = [System.Text.Encoding]::UTF8.GetBytes($Auth) $Auth = [System.Convert]::ToBase64String($Auth) $Header = @{Authorization = ("Basic {0}" -f $Auth)} $body = $releaseDefinition | ConvertTo-Json -Depth 30 $body2 = [System.Text.Encoding]::UTF8.GetBytes($body) Invoke-RestMethod -Uri $uri -Headers ($Header) -Method PUT -Body $body2 -ContentType "application/json" } ,它将呈现。

例如:

true