Question

我正在尝试为我的应用程序创建下一个和上一个按钮。

这些页面都使用一个控制器。我是棱角分明的新手，是否有任何建议如何为用户提供导航功能，使其能够向前或向后点击控制器中的页面？

＆＃13;

  $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"})

＆＃13;

Answer 1

您可以使用路由名称向$ rootScope添加数组。 e.g。

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

然后引用$ routeProvider

中的数组

然后，函数将根据当前路径确定下一个路径。

每页上的下一个按钮将引用该功能以确定下一页的链接。

或者，您可以将路线重命名为r1，r2等，然后可以轻松确定下一个路线的下一条路线。

Answer 2

如果您想在点击按钮时浏览视图，只需按如下方式定义按钮：

<强> myFile.html

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

您只需使用ng-href= "#whereYouWantToGo"即可。你可以摆脱#如果你真的希望，请在SO中查看一些答案。

当然，通过这种方式，您可以为每个视图定义两个按钮，一个用于返回，另一个用于继续。您还应该能够使用两个唯一的ID或名称识别这两个按钮，包括它们在您需要它们的页面中，并使用ng-ref或类似的方式传递到ng-include的其他路径，并且，您也应该能够为每个按钮类型保留一个CSS类。

我希望我一直很有帮助。

Angular Next和Previous按钮

2 个答案: