angularjsの次と前のボタンを使って複数のビューにリダイレクトする方法

私はfooter上にindex.htmlファイルにある次と前のボタンを持っています。私のコード構造は以下の通りです。angularjsの次と前のボタンを使って複数のビューにリダイレクトする方法

<html ng-app="myapp"> 
<body ng-controller="myController"> 
<div id="header">Header</div> 
<div id="content"><ng-view></ng-view></div> 
<div id="footer"> 
    <button type="button" id="next" ng-click="nextPage()">Next</button> 
    <button type="button" id="prev" ng-click="prevPage()">Previous</button> 
</div> 
</body> 
</html>

次回と前のボタンをクリックすると、私のページのコンテンツがコンテンツの新しいビューにリダイレクトされます。私は別のビューにリダイレクトするためにui-viewを使いました。しかしコントローラ部分では、それは1.htmlページにのみリダイレクトされます。もう一度クリックすると、2.htmlページにリダイレクトされない

次のボタンをクリックすると、別のページ（1.html、2.html、3.html、4.html）にリダイレクトする必要があります。どうすれば可能か教えてください。

出典

2016-05-19 Ruchi Prasad

もNEXTPAGE（） 'のコードを投稿してください'、 'previousPage（）' – koox00

また、あなたのコードに問題があります。 ui.routerを使用しているため、$stateProviderと$stateとの対話はui-viewというディレクティブを使用して発生する必要がありますが、ng-viewを使用しているため、コードは機能しません。以下のように変更します

<html ng-app="myapp"> 
<body ng-controller="myController"> 
    <div id="header">Header</div> 
    <div id="content"> 
    <ui-view></ui-view> 
    </div> 
    <div id="footer"> 
    <button type="button" id="next" ng-click="nextPage()">Next</button> 
    <button type="button" id="prev" ng-click="prevPage()">Previous</button> 
    </div> 
</body> 
</html>

出典

2016-05-19 06:47:39

角度$locationを使用して行うことができます。コントローラで

<html ng-app="myapp"> 
<body ng-controller="myController"> 
<div id="header">Header</div> 
<div id="content"><ng-view></ng-view></div> 
<div id="footer"> 
    <button type="button" id="next" ng-click="go('/NextPageUrl')">Next</button> 
    <button type="button" id="prev" ng-click="go('/PrevPageUrl')">Previous</button> 
</div> 
</body> 
</html>

は：

$scope.go = function (path) { 
    $location.path(path); 
};

出典

2016-05-19 06:46:52

あなたはあなたを使用する必要があります 'NG-view' –

を使用しないでくださいui.router''使用

–

angularjsの次と前のボタンを使って複数のビューにリダイレクトする方法

答えて

関連する問題