Links in Angular

Question

I’m having some headaches, because I need to create a function to validate when the link should redirect to the place or when it should not for example if I am loading an image and it click the link should not load, I created a function like this in jquery, but I need one that’s angled, you can help me?

follows the function in jquery:

$(document).ready(function () {
    $('a').click(function (event) {
        var url = $(this).attr('href');
        if (alterado === true) {
            //console.log("teste");

            bootbox.confirm('Existem dados não salvos, deseja continuar?', function (resp) {


                if (resp) {
                    location.href = url; // acessa o link indicado na tag a
                } else {
                    event.preventDefault(); // cancela o evento
                }
            });
            return false;
        }
    });
});

Answer 1

I didn’t quite understand your question, but if you want to do something only when the page(route) is fully loaded you can use the $viewContentLoaded.

Example:

Controller:

  var redirecionar = false;
  $scope.$on('$viewContentLoaded', function() {
      redirecionar = true;
      console.log("Rota carregada")
  });

 $scope.acessar = function() {
     if (redirecionar) {
         console.log("Página Carregada! Redirecionando..")
         //implementar redirecionamento
     } else {
         console.log("Pagina não carregada!")
     }
 }

View:

<a href="" ng-click="acessar()">Clique Aqui!</a>