0

не могли бы вы рассказать мне, почему я не могу перемещаться по одной странице на другую при нажатии кнопки. мне нравится, чтоКак переместить одну страницу в другую в угловых js?

var loginCntrl=function($scope,$location){ 
    $scope.testClick =function(){ 
    alert('sss'); 
    $location.path("/no"); 


    } 

$scope.name="naveen"; 
$scope.lastname="sharam"; 
$scope.fullname = function() { 
    return $scope.firstname + $scope.lastname; 
}; 
} 

здесь plunker http://plnkr.co/edit/gQcXe0Njvx6Iviu8Fjep?p=preview

Я хочу пойти на второй странице.

Благодаря

ответ

0

При использовании UI-маршрутизатор, вы должны использовать $state перенести с одной страницы на другую. Вы должны ввести $state в свой контроллер, затем вы можете использовать $state.go('appaa') для передачи в это состояние.

См. https://github.com/angular-ui/ui-router/wiki/Quick-Reference#stategoto--toparams--options для получения дополнительной информации.

+0

благодаря могли бы вы изменить plunker так, чтобы IWILL лучше понять, .. – user944513

+0

http://plnkr.co/edit/gQcXe0Njvx6Iviu8Fjep?p=preview Пожалуйста, проверьте, что я использовал Go, но не работает. – user944513

+0

сделано, также добавлен контроллер и просмотры вашего второго состояния, может пригодиться;) http://plnkr.co/edit/xiZkLbBcZkoV28XmFeYG? p = preview – iH8

0

Не так уж ясно ваш вопрос. Возможно, вы пытаетесь сделать одностраничное приложение с помощью AngularJS.
Мы можем создать много HTML-страниц и вызвать единую страницу без обновления страницы с помощью AngularJS $routeProvider (https://docs.angularjs.org/api/ngRoute/provider/ $ routeProvider).

Найдите ниже примере

1) Создание трех страниц HTML home.html, about.html, services.html и сохранить в папке 'страниц'.

2) Создайте JS и добавьте скрипт ниже и сохраните его в папке «js» (js/script.js).

var shanidkvApp = angular.module('shanidkvApp', ['ngRoute']); 

// configure routes 

spaApp.config(function($routeProvider) { 
    $routeProvider 
     .when('/', { 
      templateUrl : 'pages/home.html' 
     }) 
     .when('/about', { 
      templateUrl : 'pages/about.html' 
     }) 
     .when('/services', { 
      templateUrl : 'pages/services.html' 
     }); 
}); 

3) Создание индексной страницы и вызовите angular.min.js, script.js

<!DOCTYPE HTML> 
<html ng-app="spaApp"> 
    <head> 
     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular.min.js"></script> 
     <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular-route.js"></script> 
     <script type="text/javascript" src="js/script.js"></script> 
    </head> 
    <body> 
     <h1>AngularJS Routing</h1> 
     <ul class="menu"> 
      <li><a href="#/">Home</a></li> 
      <li><a href="#/about">About</a></li> 
      <li><a href="#/services">Services</a></li> 
     </ul> 
     <div class="contentwrap" ng-view>Loading...</div> 
    </body> 
</html> 

Download working example from Github

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