[英]Angular PrimeNG p-dialog showEffect attribute not working
I have problem with my p-dialog. 我的p对话有问题。 I want to have fade header in my dialog like in this example:
我希望在对话框中具有淡入淡出的标题,例如以下示例:
https://i.stack.imgur.com/koh9Y.png https://i.stack.imgur.com/koh9Y.png
But i got this: 但是我得到了这个:
https://i.stack.imgur.com/lEyvY.png https://i.stack.imgur.com/lEyvY.png
As you can see my header doesnt have fade effect. 如您所见,我的标题没有褪色效果。 This my html code:
这是我的html代码:
<p-dialog header="{{'TASKS.DETAILS' | translate}}" [(visible)]="displayDialog" [responsive]="true" [modal]="true" showEffect="fade">
<div class="modal-body">
<div class="row" [ngStyle]="{'width': '500px'}" >
<div class="col-sm-4">
<label>{{'TASKS.DESCRIPTION' | translate}}</label>
</div>
<div class="col-sm-8">
<textarea disabled placeholder=" {{'TASKS.DESCRIPTION' | translate}}"
rows="3" cols="30"
></textarea>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" >{{'COMMON.CANCEL' | translate}}</button>
<button type="button" class="btn btn-primary"
>{{'TASKS.DONE' | translate}}
</button>
</div>
</p-dialog>
Make sure you are including primeng.min.css
and theme.css
files in angular-cli.json
确保在
angular-cli.json
中包含primeng.min.css
和theme.css
文件
"styles": [
"src/styles.css",
"node_modules/primeng/resources/themes/omega/theme.css",
"node_modules/primeng/resources/primeng.min.css",
"node_modules/font-awesome/css/font-awesome.min.css",
"node_modules/primeicons/primeicons.css"
],
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.