8434


MonacaクラウドでOnsenUIを使いnavigatorとtabbarを使ったアプリを作りたいと思っていますが、  
この二つを共存させる方法がわかりません。

サンプルコードのOnsen UI Tabbarには両方が書かれているので  
これを参考に勉強したいのですが、  
プレビュー及びiPhoneのMonacaデバッガーで動かしてみたところ、page1.htmlのボタンを押下してもnew_page.htmlに遷移してくれません。

これは私の環境の問題なのでしょうか。あるいはコードの問題なのでしょうか。  
かなり初心者的な状況でお恥ずかしいのですが、  
サンプルコードが動かないという状況に軽い絶望を感じております。

目的はnavigatorとtabbarの共存方法を知ることなので、  
他に良いサンプルがあるという情報でも助かります。  
ナビゲーションはnavigatorだけで充分、tabbarは常時表示されるUIとして使いたいと思っています。

宜しくお願いいたします。


CC BY-SA 3.0
2015-03-26T07:27:55.160
8426
2015-03-26T08:14:23.463
9031
question
monaca onsen-ui
Onsen UI Tabbarサンプルコードが動作しない


確かに動きませんね・・・。  
page1.htmlの下記の部分を

[code]

    <ons-button 
        ng-click="ons.navigator.pushPage('new_page.html')">
        Push New Page
    </ons-button>
    
[/code]

こんな感じに変えると動きます。

[code]

    <ons-button 
        ng-click="myNavigator.pushPage('new_page.html')">
        Push New Page
    </ons-button>
    
[/code]

また、new_page.htmlの「Pop Page」もこんな感じに変えると動きます。

[code]

    <ons-button ng-click="myNavigator.popPage();">
        Pop Page
    </ons-button>
    
[/code]

ちなみ`myNavigator`はnavigator.htmlの`var=`の部分です。

[code]

    <ons-navigator var="myNavigator" page="page1.html">
    
[/code]


CC BY-SA 3.0
2015-03-26T08:14:23.463
8434
2015-03-26T08:14:23.463
3516
8426
answer