Hola, comunidad.
Tengo una lista de objetos que muestro en una tabla con ayuda de AngularJS y su directiva ng-repeat. Cada elemento lleva un botón Eliminar, que al ser presionado ejecuta una función definida en el scope de mi aplicación.
Creé una directiva para que cada botón Eliminar pudiera ejecutar el popConfirm, pues al momento de generar el DOM todavía Angular no ha generado todos sus objetos. Y efectivamente, cuando presiono algún botón Eliminar me aparece el popOver con la confirmación, pero al mismo tiempo se ejecuta la acción de mi scope.
Es decir, el ng-click no espera a que el usuario seleccione Yes en el popConfirm, se dispara automáticamente. Este es el código de mis botones:
<a class="btn btn-danger btn-xs" pop-confirm data-confirm="popconfirm" ng-click="showModal('delete', item.id)"><i class="fa fa-trash-o"></i> Delete</a>
Donde item es la variable de la iteración actual del ng-repeat.
¿Alguna sugerencia?