2

Tengo el siguiente código:

<tr ng-repeat="sce in users">
  <td>
    <a href="/test/delete?id={{sce.id}}" 
        onclick="return confirm('You really want to delete'+ {{sce.name}} + 'from list');" >
           <span aria-hidden="true" class="glyphicon glyphicon-remove-circle"></span>
    </a>
  </td> 
</tr>

Pero se va directo a borrar, no me sale el alert.

El error que cojo en consola es:

Error: [$compile:nodomevents] http://errors.angularjs.org/1.5.3/$compile/nodomevents
1
  • Quizas esta pregunta te ayude, es un caso muy similar.
    – John
    Commented el 5 mar. 2020 a las 12:28

2 respuestas 2

0

en los elementos <a></a> para que onclick se ejecute, debe terminar con una expresion que devuelva true, o sea en tu caso return true;

Por ejemplo

<tr ng-repeat="sce in users">
  <td>
    <a href="/test/delete?id={{sce.id}}" 
        onclick="return confirm('You really want to delete'+ {{sce.name}} + 'from list'); return true;" >
           <span aria-hidden="true" class="glyphicon glyphicon-remove-circle"></span>
    </a>
  </td> 
</tr>

Debiera funcionar. Pero de todos modos, iria luego a /test/delete?id=xx.

Si quieres que no vaya a la page /test/delete?id=xx, debes retornar false. Es el comportamiento por defecto del onclick en elementos <a>.

Como ves, es enliado, la razon es que no debieras usar onclick en elementos <a>, para esto tienes los botones u otros.

4
  • gracias por tu respuesta, si te fijas tengo en el onclick return, segun conteste ok o cancel, el problema me lo esta dando {{sce.name}} que tengo un error en consola
    – sirdaiz
    Commented el 5 mar. 2020 a las 11:57
  • ah cierto, confirm retorna boolean. tu coleccion de usuarios no tiene elementos nulos? Commented el 5 mar. 2020 a las 12:02
  • el problem que lo que intento hacer no se puede parece: docs.angularjs.org/error/$compile/nodomevents
    – sirdaiz
    Commented el 5 mar. 2020 a las 12:04
  • Tiene sentido, angular no podria saber si es codigo javascript o una interpolacion. ng-click no te sirve?quitar el href quiza y hacer la redireccion con window.location.href = '/item/delete?id=xx' luego de hacer el confirm? No se si es lo mejor, pero es lo que suelo hacer yo Commented el 5 mar. 2020 a las 12:10
0

Como normalmente es mejor separar el HTML y el Javascript por la filosofia de separación de intereses, te recomiendo capturar el evento mediante un script.

Primera opción: Capturar evento "Click"

var elems = document.getElementsByClassName('confirmation');
var confirmIt = function (e) {
    var nombre = e.target.dataset.nombre;
    if (!confirm('You really want to delete '+ nombre + ' from list')) e.preventDefault();
};
for (var i = 0, l = elems.length; i < l; i++) {
    elems[i].addEventListener('click', confirmIt, false);
}
<a href="/test/delete?id={{sce.id}}" class="confirmation" data-nombre="{{sce.name}}">Link</a>

Segunda opción: Llamar a una función pasando parametros

function deleteIt(id, nombre) {
  var deleteUrl = window.location.hostname + "/test/delete?id=" + id;
  var texto = "You really want to delete " + nombre + " from list";
  if (confirm(texto)) {
    window.location.href = deleteUrl;
  }
};
<a href="#" onclick="deleteIt(1, 'Nombre')">Borrar Ejemplo estatico</a>
<br>
<a href="#" onclick="deleteIt({{sce.id}}, {{sce.name}})">Borrar Dinamico</a> <-- Solo funcionara tras renderizar las variables.

EDITADO: Se ha agregado una segunda opción.

3
  • en tu ejemplo funciona pero no en mi casa, podrias hacerlo q llame a una funcion mejor? de la forma que lo haces recorre buscando todos los lementos que tengas confirmation y mejor seria si llamo al metodo en concreto
    – sirdaiz
    Commented el 5 mar. 2020 a las 12:08
  • Los elementos que tengan confirmation es como si les agregaras la función, cada vez que se toca un elemento, la función solo afecta al elemento que la llamo.
    – John
    Commented el 5 mar. 2020 a las 12:09
  • Si pero por algun motivo me esta redirigiendo directamente :s
    – sirdaiz
    Commented el 5 mar. 2020 a las 12:13

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.