2014-09-26 96 views
0

什麼是讓我的視圖以彈出窗口模式顯示的最佳方式?Angularjs - 如何將視圖加載到彈出窗口中

我有我的應用程序的主要儀表板,然後每當用戶想添加或編輯儀表板上的項目,我希望這是通過彈出窗口中的窗體來完成。

我知道我可以使用jquery來處理彈出窗口的顯示和隱藏。但是有沒有一個角度來做到這一點,或者在這種情況下jQuery是可以接受的?

+0

ngDialog是一個很棒的小型庫,我發現它非常有用 – lanan 2014-09-26 19:02:22

回答

0

就像Angular中的所有東西一樣,有很多方法可以做到這一點。也許最簡單的方法是將0123,或ng-hideng-mouseover一起隱藏模態的HTML。

0

我實際上現在正在做這件事,並決定使用jQuery UI的模態。拖動和調整大小很難做到,我的模式需要這樣做。我將模態調用包裝在一個指令中,所以模態彈出onclick。我犯的錯誤是使用jquery append添加新的html。不要這樣做。使用模板或templateUrl,然後把它放在你的模態中。這將確保模態中的所有範圍變量都將與您的控制器進行通信。

1

檢查了這一點,並進入模態部分。這看起來不錯,乾淨。這裏有一個html和javascript的例子。您的視圖是一個模板,可以是javascript內的html文件或內聯html。

http://angular-ui.github.io/bootstrap/

相關問題