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