タップ機能がngIf条件で使用される変数を変更したときに更新されないビュー

Question

ユーザがタップするボタンに応じてテンプレートの別の部分を表示しようとしています。

私はAngularにChange Detectionを実行する必要があるかどうかわかりません。

<Button (tap)="showTab(0)" text="Show Tab 0"></Button> 
    <Button (tap)="showTab(1)" text="Show Tab 1"></Button> 
    <StackLayout *ngIf="currentTab == 0"> 
     <Label text="Tab 0"></Label> 
    </StackLayout> 
    <StackLayout *ngIf="currentTab == 1"> 
     <Label text="Tab 1" class="user-name"></Label> 
    </StackLayout> 

コンポーネント：

export class MyComponent { 
    currentTab: number = 0; 
    ... 
    showTab = (num: number) => { 
    this.currentTab = num; 
    } 
    ... 
} 

行動：

• 正しいタブ（

  テンプレート（私はそう、この概念を把握しようとすると、角度2への新たなんです） 0）は最初の負荷で表示され、「Show Tab 1」をクリックすると消えますが、Tab 1は表示されません。

• 「タブ0を表示」をクリックしても何も行われません。

ありがとうございました！

Answer 1

コードが正しいようです。あなたのcurrentTabを作ることはできますか？boolean = false;

<Button (tap)="showTab(false)" text="Show Tab 0"></Button> 
    <Button (tap)="showTab(true)" text="Show Tab 1"></Button> 
    <StackLayout *ngIf="!currentTab"> 
     <Label text="Tab 0"></Label> 
    </StackLayout> 
    <StackLayout *ngIf="currentTab"> 
     <Label text="Tab 1" class="user-name"></Label> 
    </StackLayout> 

と

export class MyComponent { 
    currentTab: boolean = false; 
    ... 
    showTab(num: boolean){ 
    this.currentTab = num; 
    } 
    ... 
} 

として

とコードもこのようshowTabを試みる（NUM：数）{} showTab =の代わりに（NUM：数）=> {};あなたのタイプをチェックしてください。

Answer 2

* ngIfの代わりに [hidden]を使用してみましたか？