-1
A
回答
0
簡單的過程!
正如你看到的,有兩個div。你的事件和彈出。
我將'ng-click'指令設置爲'event'div來捕捉單擊事件。
因此,當用戶點擊'事件'時,,showPopup變量將被設置爲真。 (默認爲false)
如果showPopup變量爲true,那麼在彈出div中的'ng-show'指令將顯示彈出窗口。
showPopup變量是Angular的摘要循環。
如果您使用控制器,則可以在控制器中使用$ scope.showPopup訪問showPopup變量。
(如果你想關閉彈出當用戶點擊 '事件' 再次,
變化NG點擊= 「showPopup」 到NG-點擊= 「showPopup =!showPopup」)
我也是有角度的初學者。請檢查官方文檔!
- ngClick,ngShow direcitve:https://docs.angularjs.org/api/ng/directive
相關問題
- 1. 顯示彈出式菜單中的菜單項
- 2. Chrome擴展程序 - 在鼠標上顯示彈出式菜單
- 3. 在WinRT中顯示彈出式右鍵單擊樣式菜單
- 4. 如何在Magento中顯示彈出式菜單
- 5. 模態彈出式擴展程序不顯示彈出式菜單
- 6. localnotification不顯示爲彈出式菜單
- 7. 彈出式菜單顯示空白
- 8. 顯示彈出式菜單一次性
- 9. 彈出式菜單顯示不正確
- 10. Android中的計時彈出式菜單
- 11. 請解釋使用Tiles彈出菜單時顯示菜單的程序流程
- 12. 如何顯示wxWidgets彈出式菜單的幫助字符串?
- 13. 如何顯示錨點上的彈出式菜單
- 14. Javascript彈出菜單中未顯示php
- 15. 簡單的彈出菜單鈦Android
- 16. 在Angular 2的表格中顯示彈出式菜單
- 17. 像UIAlertController在應用程序中隨處顯示彈出式菜單
- 18. 如何用Java中的子菜單創建彈出式菜單
- 19. 在Android中單擊附件按鈕的顯示彈出菜單
- 20. css-javascript如何使用javascript顯示css彈出式菜單
- 21. 如何使用QGLWidget顯示彈出式菜單?
- 22. 如何在onCreate中顯示彈出菜單?
- 23. 如何在Eclipse E4中顯示彈出菜單MPart
- 24. 如何在CDialog彈出窗口中顯示系統菜單?
- 25. 僅在woocommerce商店頁面中顯示彈出式菜單
- 26. 在多選擇彈出式菜單中顯示數據列表
- 27. 在C++ builder中將菜單項添加到代碼編輯器的彈出式菜單中的簡單示例
- 28. 如何在Android應用程序中單擊顯示菜單項
- 29. 顯示彈出式菜單(UIAlertView),而iPhone應用程序在後臺運行
- 30. 在彈出菜單的禁用菜單項上顯示工具提示提示