Кнопка Angular Next и Previous

Question

Кнопка Angular Next и Previous

0

Я пытаюсь создать следующую и предыдущую кнопки для моего приложения.

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

  $routeProvider.
  
    when("/", {

	templateUrl: "partials/home.html", 
	controller: "PageCtrl"}).
	
	when("/c1", {
		templateUrl: "categories/category1.html", 
		controller: "PageCtrl"})
		
	 .when("/category2", {
		 templateUrl: "categories/category2.html", 
		 controller: "PageCtrl"}) 	 
		 
	  .when("/category3", {
	  		templateUrl: "categories/category3.html", 
	  		controller: "PageCtrl"})

	  .when("/category4", {
	  	templateUrl: "categories/category4.html", 
	  	controller: "PageCtrl"})

	  .when("/category5", {
	  	templateUrl: "categories/category5.html", 
	  	controller: "PageCtrl"})

	  .when("/category6", {
	  	templateUrl: "categories/category6.html", 
	  	controller: "PageCtrl"})

	  .when("/category7", {
	  	templateUrl: "categories/category7.html", 
	  	controller: "PageCtrl"})

	  .when("/category8", {
	  	templateUrl: "categories/category8.html", 
	  	controller: "PageCtrl"})

	  .when("/category9", {
	  	templateUrl: "categories/category9.html", 
	  	controller: "PageCtrl"})

Harry 12 янв. 2016, в 12:08

Источник

Теги:

angularjs

2 ответа

Ещё вопросы

danday74 · Answer 1 · 2016-01-12T08-23-00.000Z

Вы можете добавить массив в $ rootScope с именами ваших маршрутов. например

$rootScope.routeNames = ['/category7','/category8']

Затем укажите массив в вашем $ routeProvider

Затем функция определит следующий маршрут на основе текущего маршрута.

Следующая кнопка на каждой странице будет ссылаться на функцию, чтобы определить ссылку для следующей страницы.

Кроме того, вы можете переименовать свои маршруты как r1, r2 и т.д., Тогда следующий маршрут будет легко определен для следующей ссылки.

AndreaM16 · Answer 2 · 2016-01-12T07-55-00.000Z

Если вы хотите портить свои взгляды при нажатии на кнопку, вам просто нужно определить кнопку следующим образом:

myfile.html

<button class="myBtn" type="submit" ng-href="#c1"> 
</button>

Вам просто нужно использовать ng-href= "#whereYouWantToGo". Вы можете избавиться. # Если вы действительно этого хотите, проверьте некоторые ответы об этом в SO.

Конечно, таким образом вы могли бы определить две кнопки для каждого вида, один для возврата и один для продолжения. Вы также должны иметь возможность идентифицировать эти две кнопки с двумя уникальными идентификаторами или именами, включая их на страницах, где они вам нужны, и просто передать другой путь к ng-ref используя ng-include или аналогичный, и вы также должны быть способны чтобы сохранить один класс CSS для каждой кнопки.

Надеюсь, я был полезен.