Angular 角度素描p-dialog showEffect属性不工作
我的p-dialog有问题。我希望在对话框中有淡入淡出标题,如本例所示: 但我明白了: 正如你所看到的,我的标题没有淡入淡出的效果。 这是我的html代码:Angular 角度素描p-dialog showEffect属性不工作,angular,bootstrap-4,primeng,bootstrap-dialog,Angular,Bootstrap 4,Primeng,Bootstrap Dialog,我的p-dialog有问题。我希望在对话框中有淡入淡出标题,如本例所示: 但我明白了: 正如你所看到的,我的标题没有淡入淡出的效果。 这是我的html代码: <p-dialog header="{{'TASKS.DETAILS' | translate}}" [(visible)]="displayDialog" [responsive]="true" [modal]="true" showEffect="fade"> <div class="modal-bod
<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>
{{'TASKS.DESCRIPTION'| translate}}
{{'COMMON.CANCEL'| translate}}
{{'TASKS.DONE'| translate}}
确保在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"
],