Angular2模态框primeng定制

时间:2016-09-01 09:25:59

标签: angular typescript primeng

我正在努力进行模式盒定制。 我想拿这个模态框 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的变量。我该怎么做才能摆脱这个错误?我将不胜感激。

谢谢。

1 个答案:

答案 0 :(得分:0)

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