2016-01-12 84 views
0

我正在嘗試爲我的應用程序創建下一個和上一個按鈕。Angular Next和Previous按鈕

頁面全部使用一個控制器。我是新來的角,是否有任何建議,我如何提供導航,用戶點擊向前或向後通過控制器中的頁面?

$routeProvider. 
 
    
 
    when("/", { 
 

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

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

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

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

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

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

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

回答

0

如果你想通過你的觀點上的一個按鈕,當點擊到RUOTE,你只需要定義一個按鈕,如下所示:

myFile.html

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

你只需要使用ng-href= "#whereYouWantToGo"。你可以擺脫#如果你真的想,請在SO中查看一些關於它的答案。

當然,通過這種方式,您可以爲每個視圖定義兩個按鈕,一個返回,一個繼續。您還應該能夠使用兩個唯一的ID或名稱來識別這兩個按鈕,包括它們在您需要它們的頁面中,並且只需使用ng-include或類似的路徑傳遞到ng-ref的不同路徑,並且您還應該能夠保留一個CSS每個按鈕類型的類。

我希望我一直有幫助。

1

您可以使用路由名稱向$ rootScope添加一個數組。例如

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

然後引用數組在$ routeProvider

則功能來確定基於當前路線上的下一個路由。

每頁上的下一個按鈕將引用該函數來確定下一頁的鏈接。

或者,您可以將您的路線重命名爲r1,r2等,然後下一個路線將很容易確定下一個鏈接。

相關問題