web-dev-qa-db-fra.com

comment rediriger une page html vers une autre en utilisant l'événement click de bouton dans angularjs

j'utilise la directive angularjs pour rediriger une autre page html.

sample.html:

<test1>
<button data-ng-click="click('/page.html')">Click</button>
</test1>

sample.js:

app.directive('test1',['$location', function(location) {
    function compile(scope, element, attributes,$location) {
         return{
             post:function(scope, element, iAttrs,$location) {
                 scope.click=function(path)
                 { 
                     alert("click"+path);
                     $location.path('/path');
                 };
             }
         };
        }

        return({
            compile: compile,
            restrict: 'AE',
        });

    }]);

je veux rediriger page.html comment faire cela s'il vous plaît suggérez-moi . Merci.

angularjsangularjs-directive
4
user3819122

En html,

<button ng-click="redirect()">Click</button>

En JS,

$scope.redirect = function(){
  window.location = "#/page.html";
}

J'espère que ça aide.....

21
Alagu MS

Fera probablement une petite modification.

injecter $ location et utiliser:

$scope.redirect = function(){
  $location.url('/page.html');
}

Les avantages de l’utilisation de $ location sur window.location se trouvent dans la documentation, mais voici un résumé en date du (1.4.x)

https://docs.angularjs.org/guide/ $ location

 enter image description here

Si quelqu'un sait comment faire cette redirection directement à partir du code html d'une manière plus propre, merci de me le faire savoir, car je préférerais que, parfois, la fonction soit remplacée par le contrôleur ...

8
ThinkBonobo

J'ai réussi la navigation PAGE avec le code ci-dessous dans AngularJS.

$scope.click = function ()
{
    window.location = "/Home/Index/";
}
1
N.Y. Gudlanur

Si vous utilisez le bouton 'md-button' du bouton de conception de matériau, vous pouvez le faire.

J'ai essayé de donner l'attribut href, assigné avec le chemin du lien. La redirection fonctionne bien.

Cela peut être essayé s'il ne s'agit que d'une redirection et qu'il n'y a aucune autre tâche à effectuer avant la redirection.

<test1>
  <md-button href="/page.html">Click</md-button>
</test1>
0
Divije Narasimhachar