沒有引導CSS的Angular JS中的模態彈出框

Question

我正在尋找一個Angular中的模態指令插件，但有一個要求不使用引導CSS。 Angular-UI看起來不錯，但顯然取決於Bootstrap。任何指針？

Answer 1

在Angular-UI的情況下，你可以定義自己的模板，如果是CSS，你肯定可以使用使用你自己的文件。

Here是modal的標準模板。我發現Bootstrap的唯一依賴關係是：modal和modal-backdrop所以只需將它們重命名爲您的需要或將它們添加到您的CSS以獲得自定義樣式。

Btw：Angular-UI是模塊化的，所以你可以使用這些你真正需要的指令。

Answer 2

我不知道現有的插件沒有Bootstrap（我使用Angular-UI）來實現這一點，但你可以很容易地使用jQuery UI模式創建你自己的指令。

互聯網上有很多tuto爲jQuery UI創建指令。

我在這Google Group找到了一個JSFiddle（你必須按照1月4日答案中的鏈接）。用戶基於jQuery做了一個簡單的指令。

我認爲這會讓你走上正確的道路。