Angular2模態框primeng定製

Question

我正在努力與模式框自定義。 我想採取這種模式框 https://github.com/primefaces/primeng/blob/master/components/dialog/dialog.ts 並添加一些功能。 我encouter問題是與

[@dialogState]="visible ? 'visible' : 'hidden'" 

我得到以下錯誤：

EXCEPTION: Error: Uncaught (in promise): Template parse errors: 
Can't bind to '@dialogState' since it isn't a known native property ("e ? 'block' : 'none'" [style.width.px]="width" [style.height.px]="height" (mousedown)="moveOnTop()" [ERROR ->][@dialogState]="visible ? 'visible' : 'hidden'"> 
      <div class="ui-dialog-titlebar ui-widget"): FullDialog@2:135 

我以爲代碼將工作開箱。我理解的是，angular2正在尋找一個名爲dialogState的類成員，但它沒有找到它。但是我發現在類裝飾器的動畫部分中有一個名爲dialogState的變量。我能做些什麼來擺脫這個錯誤？我希望得到一些幫助。

謝謝。

Answer 1

根據文檔中的示例，我刪除了@dialogState周圍的方括號。 https://angular.io/docs/ts/latest/guide/animations.html