テンプレート内での角型のキャストタイプ

Question

Angularプロジェクト（Angular 4.0.0）で作業しています。抽象クラスのプロパティを最初にコンクリートとしてキャストする必要があるため、ngModelにプロパティをバインドする際に問題がありますそれは実際にプロパティにアクセスするためのクラスです。

すなわち、私持っている、これは私がチェックボックスで設定しngModelを経由して2つの結合方法を必要とし、ブールプロパティ「認知」があり、具体的な実装のイベントがありAbstractEventクラス。周りグーグル

Uncaught Error: Template parse errors: Parser Error: Missing expected) at column 8 in [(event as Event).acknowledged]

ではない「として」これは使用しているためかもしれない提案するように見えた：

<input type="checkbox" *ngIf="event.end" [(ngModel)]="(event as Event).acknowledged" 
              [disabled]="(event as Event).acknowledged"> 

は、残念ながら、これは、次のエラーを投げている：

私は現在、私のDOMでこの要素を持っていますテンプレート内で使用するとサポートされますか？私はこれについて確かではありませんが。

また、私はちょうどこれは私が必要とngModelに結合双方向を破るためのテンプレートを駆動する私のtypescriptファイルにそのための関数を記述する方法を動作することはできません。誰もがこの問題を回避または角度テンプレートで型キャストを実行するためにどのような方法がある場合は

正しく私は非常に感謝することでしょう！

Answer 1

Eventは、テンプレート内から参照することはできませんのでことはできません。

は、あなたがそれを利用できる最初にする必要があります（ asもテンプレートバインディング式ではサポートされていません）：

class MyComponent { 
    EventType = Event; 

が、これは動作するはず

[(ngModel)]="(event as EventType).acknowledged" 

更新

class MyComponent { 
    asEvent(val) : Event { return val; } 

その後、迅速な応答のための

[(ngModel)]="asEvent(event).acknowledged"