2017-11-03 8 views
-1

私はIonic2 + Angular2に取り組んでいます。セグメントを使用したいのでngSwitchWhenを使用しましたが、動作しません。エラーが発生しました。* ngSwitchをタイプコピーするにはどうすればよいですか?

これはどのように使用できますか?なぜそれは動作しません?

ここにエラーメッセージがあります。

<ion-toolbar> 
    <ion-segment [(ngModel)]="menuSelect" color="important"> 
     <ion-segment-button value="light"> 
      Light 
     </ion-segment-button> 
     <ion-segment-button value="sensor"> 
      Sensor 
     </ion-segment-button> 
    </ion-segment> 
</ion-toolbar> 

<ion-content [ngSwitch]="menuSelect"> 
    <!--func+ - light--> 
    <ion-item *ngSwitchWhen="'light'"> 
     <ion-list> 
      <ion-list-header> 
       <ion-label>On/Off</ion-label> 
       <ion-toggle (click)="toggleLight()"></ion-toggle> 
      </ion-list-header> 
     </ion-list> 

     <!--light-off--> 
     <div [hidden]="lightOn"> 
      <div class="light-off">Please turn on the light.</div> 
     </div> 

     <!--light-on--> 
     <div [hidden]="!lightOn"> 
      <ion-list> 
       <ion-list-header class="title"> 
        Color 
       </ion-list-header> 
      </ion-list> 
      <ion-list> 
       <ion-list-header class="title"> 
        Brightness 
        <ion-badge>{{brightness}}</ion-badge> 
       </ion-list-header> 
       <ion-item> 
        <ion-range min="0" max="5" step="1" snaps="true" [(ngModel)]="brightness"> 
         <ion-icon range-left small name="sunny"></ion-icon> 
         <ion-icon range-right name="sunny"></ion-icon> 
        </ion-range> 
       </ion-item> 
      </ion-list> 
     </div> 
    </ion-item> 

    <!--func+ - sensor--> 
    <ion-item *ngSwitchWhen="'sensor'"> 
     <ion-list> 
      <ion-list-header> 
       <ion-label>On/Off</ion-label> 
      </ion-list-header> 
     </ion-list> 
    </ion-item> 
</ion-content> 
+0

https://angular.io/api/common/NgSwitch –

+0

http://idownvotedbecau.se/imageofanexception/ – stealththeninja

答えて

1

あなたはこのために試してみてください可能性があります

とあなたの@ Component.Htmlで 'ngSwitch'

<div [ngSwitch]="data.type"> 
    <div *ngSwitchDefault>FORM 1</div> 
    <div *ngSwitchCase="'light'">FORM 2</div> 
<div *ngSwitchCase="'sensor'">FORM 2</div> 
</div> 
をキーボード 'ngSwitchWhen' をチャゲください。

あなたの@Compoでnent.ts:

public data:any[]=[]; 
data.push({type:'light'},{type:'sensor'}); 
関連する問題