Question

AngularJs代码导航到按钮单击事件上的另一个页面。我抓住了按钮点击事件但无法导航到另一个页面。以下是我的代码： HTML文件：

<!DOCTYPE html>

<html>

<head>

<script src="js/angular.min.js"></script>

<script src="js/app/home.js"></script>

</head>

<body ng-app="myapp">

    <div ng-controller="TestCtrl">

      <button ng-click="clicked()">Click me!</button>

</body>

</html>

javascript文件是：

var VLogin = angular.module('myapp',[]);

VLogin.controller('TestCtrl', ['$scope',function($scope) {

    $scope.clicked = function(){   

        $location.path('/test.html');
    }

}]);

Answer 1

尝试如下所示......

在html中，

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

在JS中，

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

我希望它可以帮助你...

Answer 2

您可以使用$ location.path（＆＃39; / newPageUrl＆＃39;）导航到新页面。

有关$ location的详细信息，请阅读here。

编辑：正确的控制器代码将是（在添加$ location作为依赖项之后）： -

VLogin.controller('TestCtrl', ['$scope', '$location',function($scope, $location) {

$scope.clicked = function(){   

    $location.path('/test.html');
}

}]）;

Answer 3

如果你想导航到另一个页面 onclick 我建议使用旧的'link'

<a href="/another-page">Go to another page</a>

除非您在重定向之前必须执行某些操作，否则请使用Abhishek Jain

提出的$ location服务

AngularJs代码在按钮单击中导航到另一个页面

3 个答案: