2016-06-01 3 views
0

私のngswitchが機能していない理由を理解できません。Angular2 NgSwitchの混乱 - 大文字と小文字のデフォルトが一致していますか?

<div [ngSwitch]="notification.type"> 
    <div *ngSwitchWhen="'videoready'"> 
     <p>Video Goes Here</p> 
     <p item-right>{{notification.added | date:'MMM'}}</p> 
    </div> 
    <div *ngSwitchWhen="'friendrequest'"> 
     <p>Friend Request</p> 
     <p>{{notification.added | date:'MMM'}}</p> 
    </div> 
    <div *ngSwitchDefault> 
     <p>{{notification.message}}</p> 
     <p item-right>{{notification.added | date:'MMM'}}</p> <!-- adding the date pipe here BREAKS everything --> 
    </div> 
</div> 

通知は間違いなく、デフォルトの場合にはadded日付を持って、それが他の人と同じ日付オブジェクトです。 もう1つの奇妙なことは:私がngSwitchDefaultを残して、他の人がコメントアウトしているので(デフォルトが残っているだけです)、日付パイプはうまく動作します。 ngSwitchが2つの状態を一度に一致させているように、混乱します。

<div [ngSwitch]="notification.type"> 
    <!-- leaving the others out works just fine --> 
    <div *ngSwitchDefault> 
     <p>{{notification.message}}</p> 
     <p item-right>{{notification.added | date:'MMM'}}</p> 
    </div> 
</div> 

答えて

関連する問題