28798


こんにちは、MonacaでOnsenUIを使用してアプリを開発しています。

ons-navigatorのpushPageメソッドを使用して画面遷移を行っています。  
その際にオブジェクトでアニメーションをfadeに指定しています。  
遷移後の画面からpopPageメソッドを使用して前画面に遷移する際に別のアニメーションを指定したいです。  
現在記述しているコードは以下となります。

[code]

    <ons-toolbar>
        <div class="left">
            <ons-back-button ng-click="navi.popPage({animation:'slide'})">Back</ons-back-button>
        </div>
    </ons-toolbar>
    
[/code]

実行環境は以下になります。

  * デバイス：iPhone6（iOS9.3.5）
  * 実行環境：Monacaデバッガー6.0.0

OnsenUIはバージョン2.0以降だと思います。（getCurrentPageではなくtopPageが使用できました）  
MonacaIDE上でバージョンを調べる方法がわかりませんでした。申し訳ありません。

  
  
pushPage時にアニメーションを未指定にし、popPage時にアニメーションを指定しましたがその場合もアニメーションの指定が反映がされませんでした。

pushPageとpopPageのアニメーションはセットになってしまっているのでしょうか。

以上です。よろしくお願い致します。

【2016/09/28 追記】  
OnsenUI2.0.0（正式版）に差し替えたところ、教えて頂いた方法で実現することが出来ました。  
ありがとうございました。


CC BY-SA 3.0
2016-09-09T06:24:49.660
28778
2016-09-28T01:25:22.443
2016-09-28T01:25:22.443
18729
18729
question
monaca onsen-ui
pushPageとpopPageで別のアニメーションを設定したい


まずonsenuiのバージョンですが、`www/lib/onsenui/package.json`を開くと、バージョンがわかります。

また、本来popPage時にもアニメーションは付けられるのですが、Monacaに組み込まれているのはOnsenUI 2.0
RC.1なので、不具合により、popPageアニメーションの設定が効かないです。npmで最新版(RC.18)を取得し、onsenuiディレクトリ以下を差し替えて下さい。

また、現状のように`ons-back-button`を使ってしまうと、これ自体がページを戻る機能を持っていますので、その後の`ng-
click`処理の前にデフォルトアニメーションで戻ってしまい、`ng-click`でのpopPageは無視されてしまいます。  
`ons-button`または自前のタグなどを使えば大丈夫です。


CC BY-SA 3.0
2016-09-10T05:01:04.193
28798
2016-09-10T05:01:04.193
8848
28778
answer