角度引導模式顯示不被觸發

我想實現從角度引導簡單的模態（https://ng-bootstrap.github.io/#/components/modal）角度引導模式顯示不被觸發

然而，當我在這個例子中單擊按鈕（本地實現）的ngb-modal-window元素不過渡到不透明1.但你可以看到它確實包含正確的類（褪色顯示）：

代碼：

<ngb-modal-window role="dialog" style="display: block;" tabindex="-1" ng-reflect-class-name="modal fade show" class="modal fade show">

這導致失蹤的CSS在相同的元素：

.fade.show { 
    opacity: 1; 
}

這部分缺失在我的執行情況未知的原因它在plunker/demosites顯示一段時間。

我試圖以兩種方式來手動加入到我的部件的CSS：

.fade.show { 
    opacity: 1; 
} 

ngb-modal-window.modal.fade.show { 
    opacity: 1; 
}

兩人都沒有工作。

可能是什麼原因？我錯過了一些微不足道的東西嗎？

進一步的信息：

<template ngbModalContainer></template>被列入
NgbModal在組件進口
自舉版本4.0.0-alpha.5

來源

2017-03-09 Wandang

我看不到你的CSS中有任何轉換 –

通常動畫應該是引導本身的一部分。所提到的轉換應該是https://maxcdn.bootstrapcdn.com/bootstrap/scss/_transitions.scss的一部分。不知何故，這不會被加載/添加到元素。所以我通常會有一個空的CSS文件，而不是手動輸入轉換。如果這是你正在問的 – Wandang

https://github.com/ng-bootstrap/ng-bootstrap/issues/1293這是一個引導的CSS更新問題。 – Wandang

角度引導模式顯示不被觸發

回答

相關問題