在前端开发中，常常需要用户确认某些操作，比如删除数据、退出页面等。这时候就可以使用一个确认对话框来提示用户做出决定。
本文将介绍在 AngularJS 中如何实现一个简单的确认对话框，并应用于 ng-click 事件中。
实现思路
首先，我们需要定义一个模态框（Modal），该模态框包括标题、内容和两个按钮：确定和取消。当用户点击确定按钮时，触发相应的操作；当用户点击取消按钮时，关闭模态框。
为了方便，我们可以使用 Bootstrap 提供的模态框组件。AngularJS 中也有一些 UI 框架，如 Angular UI Bootstrap，提供了类似的组件，可根据需要选择。
接下来，我们需要在 ng-click 事件中嵌入确认对话框。具体实现方法是，在点击事件处理函数中，弹出模态框，并将操作函数作为参数传递给模态框的确定按钮。当用户点击确定按钮时，执行该操作函数。
具体实现
下面是一个完整的示例代码，其中包含了一个简单的列表和删除操作。当用户点击删除按钮时，会弹出确认对话框，提示用户是否真的要删除当前行。
--------- -----
----- ---------------
------
----- ----------------
------------------- ------ -- -------- - -----------------
----- ---------------- -----------------------------------------------------------------------
------- ------------------------------------------------------------------------------
------- --------------------------------------------------------------------------------------
------- ---------------------------------------------------------------------------
-------
---- - -------------- ----- -
------------- - ------------ ----- -
--------
-------
------
---- ----------------- -----------------------
---------------- ------ -- -------- - --------------
------ ------------ ---------------
-------
----
-------------
------------
---------------
-----
--------
-------
--- ----------------- -- --------
------ ----------- -------
------ ---------- -------
----
------- ---------- ---------- ------- ----------------------------------------------------
-----
-----
--------
--------
---- ------------------------------ ------------- ------------------- ----- ------------------- -----------------
---- ---------------------
--- --------------------------- -----------
------
---- -------------------
--- --- ---- --- ---- -- ------ ---- -------
------
---- ---------------------
------- ---------- ------------ -------------------------------------
------- ---------- ----------- -----------------------------------------
------
------
------
--------
--- --- - ----------------------- ------------- -----------------
------------------------ ---------------- ---------- -
------------- - -
- ----- ------- ---- -- --
- ----- ------- ---- -- --
- ----- ------ ---- -- --
- ----- ------- ---- -- -
--
------------------------ - ---------------- -
--- ------------- - ----------------
------------ ----------------------
----------- -------------------
---
---------------------------------- -- -
----------------------------
-- -------- -- -
-- -- -------
---
--
------------------- - ---------- -
--- ----- - ------
- ----------------------------------------------------------- --------
---------------------------------------------------------------------------------------