有活動背景元素的角度引導$模態

我有一個要求實現引導模式，（我使用角度$modal服務），其中背景元素應保持活動，即使與模式打開，背景DOM必須可用/可點擊。我嘗試在$modal屬性中設置backdrop = false，但它不起作用。

2015-03-02 Koustuv Sinha

你可以簡單地隱藏模式疊加與CSS：

.modal-backdrop { 
    display: none; 
} 
.modal { 
    left: 50%; 
    right: inherit; 
    top: 50%; 
    bottom: inherit; 
    -webkit-transform: translate(-50%, -50%); 
    transform: translate(-50%, -50%); 
}

對於此也確保您添加backdrop: 'static'模態配置，以防止模式接近人體上點擊。

演示：http://plnkr.co/edit/46M6F7BL9FtQqt9WiBuJ?p=preview

來源

2015-03-02 10:25:22 dfsq

都能跟得上沒有工作。我需要可以在其中呈現模態的頁面。即，如果模式打開的頁面上有按鈕，我需要能夠點擊該按鈕。 – 2015-03-02 10:31:30

檢查更新的答案，我添加了額外的CSS規則，現在它應該可以工作。同時檢查演示。 – dfsq 2015-03-02 10:42:10

確定其工作..但模塊被稱爲組件是不響應！：P無論如何，偉大的進步，非常感謝！你現在可以幫我如何使它可拖動嗎？ – 2015-03-02 10:49:13

有活動背景元素的角度引導$模態

回答

相關問題