第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

使用 primeng 動態(tài)對話框打開全屏模式

使用 primeng 動態(tài)對話框打開全屏模式

守候你守候我 2023-04-20 16:19:52
我正在使用 PrimeNg 模態(tài)擴展在我正在處理的 Angular webapp 之一中顯示模態(tài)彈出窗口。我將一個組件傳遞給模態(tài)服務(wù),如下面的代碼所示:const ref = this.dialogService.open(LogsComponent, {            data: {                releaseID:row.release_id            },            header:'Migration Logs',            width:'100%',             height:'100%'        });我得到了ID我通過的并且能夠在模式中顯示表格?,F(xiàn)在的問題是,即使我給出100%寬度和高度,模態(tài)也不會全屏顯示。我想讓模態(tài)最大化,就像 PrimeNg 對話框一樣。
查看完整描述

3 回答

?
12345678_0001

TA貢獻1802條經(jīng)驗 獲得超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%;

}


查看完整回答
反對 回復(fù) 2023-04-20
?
寶慕林4294392

TA貢獻2021條經(jīng)驗 獲得超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;

  }


查看完整回答
反對 回復(fù) 2023-04-20
?
白豬掌柜的

TA貢獻1893條經(jīng)驗 獲得超10個贊

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



查看完整回答
反對 回復(fù) 2023-04-20
  • 3 回答
  • 0 關(guān)注
  • 172 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號