Код AngularJs для перехода на другую страницу в buttonclick

Код AngularJs для перехода на другую страницу при нажатии кнопки. Я поймаю событие нажатия кнопки, но не могу перейти на другую страницу. Ниже мой код: HTML файл:Код AngularJs для перехода на другую страницу в buttonclick

<!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'); 
    } 

}]);

источник

2014-09-29 Bibin Jose

Может кто-нибудь помочь мне решить мою проблему: http://stackoverflow.com/questions/38546218/angularjs-form-is- not-submitting-data – Ankit

Попробуйте, как, как показано ниже ...

в HTML

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

В JS,

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

Я надеюсь, что это помогает ...

источник

2014-09-29 16:30:25 SDK

SDK: Да, его работа для меня. Но по пути мне нужно изменить вот так: window.location = "../www/index. HTML "; –

Не забудьте принять этот ответ, если вы сочтете это полезным :-) – SDK

привет, я хочу, чтобы кнопка перенаправлялась на страницу html другого компонента. как это можно сделать? –

Вы можете использовать $ location.path ('/ newPageUrl'), чтобы перейти на новую страницу.

Прочтите here для получения дополнительной информации о местоположении $.

Изменить: Правильный код контроллера будет (после добавления $ местоположения как зависимость): -

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

$scope.clicked = function(){ 

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

}]);

источник

2014-09-29 11:01:27

Выше мой код. –

Abhishek Jain: Я использовал код $ location.path ('/ newPageUrl'), но он не работает для меня. –

Вы должны передать $ location service контроллеру – Teq1

Если вы хотите перейти на другую страницу OnClick Я предлагаю использовать старую добрую «ссылку»

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

Если вы не должны делать что-то до перенаправления, чем использование $ услуги определения местоположения, предложенного Abhishek Jain

источник

2014-09-29 11:40:11 Teq1

Teq1: Я хочу перемещаться внутри события нажатия кнопки функция. –

@BibinJose, используя мое решение, которое вы делаете :) Но, как я уже говорил, используйте добрые старые 'href', если вам не нужно что-то делать перед перенаправлением, чем использовать сервис' $ location', который лучше тестировать. – Teq1

@ Teq1 не может помещать внутри или снаружи кнопки - htmlугольная проверка не удалась – Lars

Код AngularJs для перехода на другую страницу в buttonclick

ответ

Смежные вопросы