首頁猿問使用 primeng...

使用 primeng 動態對話框打開全屏模式

JavaScript

守候你守候我 2023-04-20 16:19:52

我正在使用 PrimeNg 模態擴展在我正在處理的 Angular webapp 之一中顯示模態彈出窗口。我將一個組件傳遞給模態服務，如下面的代碼所示：const ref = this.dialogService.open(LogsComponent, { data: { releaseID:row.release_id }, header:'Migration Logs', width:'100%', height:'100%' });我得到了ID我通過的并且能夠在模式中顯示表格。現在的問題是，即使我給出100%寬度和高度，模態也不會全屏顯示。我想讓模態最大化，就像 PrimeNg 對話框一樣。

查看完整描述

3 回答

12345678_0001

TA貢獻1802條經驗獲得超5個贊

把這些放到 styles.css 中。它接受所有對話框，如果你只想這個，然后提供自定義類并使用自定義類名更改 ui-dialog

.ui-dialog {

max-height: 100%;

}

.ui-dialog .ui-dialog-content {

height: 100%;

}

自定義類

const ref = this.dialogService.open(LogsComponent, {

data: {

releaseID:row.release_id

header:'Migration Logs',

width:'100%',

height:'100%',

styleClass:"customModal"

});

在 styles.css 中

.customModal {

max-height: 100%;

}

.customModal .ui-dialog-content {

height: 100%;

}

反對回復 2023-04-20

寶慕林4294392

TA貢獻2021條經驗獲得超8個贊

這對我有用！

.HTML

(click)="openDialog(dialogCaidas)"

<p-dialog

[(visible)]="displayCaidas"

#dialogCaidas

.TS

import { Dialog } from 'primeng/dialog';

openDialog(dialog: Dialog) {

this.displayCaidas = true;

dialog.maximized = true;

}

反對回復 2023-04-20

白豬掌柜的

TA貢獻1893條經驗獲得超10個贊

你可以為你的對話框使用 maximizable='true'

反對回復 2023-04-20

3 回答
0 關注
177 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

使用 primeng 動態對話框打開全屏模式

使用 primeng 動態對話框打開全屏模式

3 回答

添加回答