Angular2模态框primeng定制答案

【问题标题】：Angular2 modal box primeng customizationAngular2模态框primeng定制
【发布时间】：2016-09-01 09:25:59
【问题描述】：

我正在为模态框自定义而苦苦挣扎。我想拿这个模态框 https://github.com/primefaces/primeng/blob/master/components/dialog/dialog.ts 并添加一些功能。我遇到的问题是

[@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 的变量。我能做些什么来摆脱这个错误？我将不胜感激。

谢谢。

【问题讨论】：

标签： angular typescript primeng

【解决方案1】：

我按照文档中的示例删除了 @dialogState 周围的方括号。 https://angular.io/docs/ts/latest/guide/animations.html

【讨论】：