以下のような動作をしたいです。
一覧画面(page1.html)
→[項目追加]画面表示(pushPage)
→項目追加画面(page2.html)
→一覧へ戻る(popPage)
Monaca
1 【HTML】(画面ごとにhtmlファイルを分けています) 2<ons-page ng-controller="P1Controler" id="P1" var="P1"> 3 <ons-list> 4 <ons-list-item ng-repeat="item in items"> 5 {{ item.item01 }}<br /> 6 </ons-list-item> 7 <ons-list> 8 <ons-button ng-click="navi.pushPage('page2.html')" class="login_button">追加</ons-button> 9</ng-navigator> 10 11<ons-page ng-controller="P2Controler" id="P2"> 12 <ons-input type="time" id="item01" ng-model="item01" class="text-input" ></ons-input> 13 <ons-button ng-click="navi.popPage()" class="login_button">戻る</ons-button> 14</ng-navigator> 15 16【JavaScript】(app.jsに記載しています) 17ons.bootstrap() 18 .controller('P1Controler', function() { 19 }) 20 .controller('P2Controler', function() { 21 var items = []; 22 P1.items = items; 23 });
popPageでも一覧画面を表示した際に項目追加画面で追加した内容を取り込んで一覧を再表示したいです。
ons-pageのvarでpage1.htmlを指定(ココではP1)しておけば、page2.htmlのコントローラから呼びさせると思っていたのですが、サンプルを見つけられません。
何かサンプルなど有りましたら教えて下さい。
よろしくお願いします。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/11/27 00:25