前提・実現したいこと
Monacaでアプリケーションを作成しているのですが
作成したリストを表示させ、表示させた項目を選択する。
その選択した項目のみの値を取得したいのですが取得することができません。
試したこと
ng-init ではリストすべてを取得してしまう。
ng-value では値がかえって来ない。
その他数値や記載場所を変えたりしたのですが、欲しい値が取得できない状況となっております。
参考ページ
参考ページ2
リストの書き方が問題なのか、取得方法が問題なのか。
色々方法はあるのかもしれません。
なにかヒントでも、こう調べろなど、煮詰まった状況を助けていただけませんでしょうか。
該当のソースコード
HTML
1<ons-page id="Town1.html"> 2 <ons-toolbar> 3 <ons-back-button > 4 戻る 5 </ons-back-button> 6 <div class="center"> 7 ページタイトル 8 </div> 9 </ons-toolbar> 10 <hr> 11 <div ng-click="selectTown('1','1')"> 12 大阪府 13 </div> 14 <hr> 15 <div ng-click="selectTown('1','2')"> 16 京都府 17 </div> 18 <hr> 19 <div ng-click="selectTown('1','3')"> 20 兵庫県 21 </div> 22 <hr> 23 <div ng-click="selectTown('1','4')"> 24 その他 25 </div> 26 <hr> 27</ons-page>
HTML
1<ons-page id="Town2.html"> 2 <ons-toolbar> 3 <ons-back-button > 4 戻る 5 </ons-back-button> 6 <div class="center"> 7 ページタイトル 8 </div> 9 </ons-toolbar> 10 11 <!--ここから以下が不明点です--> 12 <div ng-repeat="townList in townLists" ng-click="selectTown('2',value)"> 13 <form> 14 {{townList.townName}} 15 <input type="hidden" ng-init="{{townList}}" ng-model="value"> 16 </form> 17 <div> 18</ons-page>
JavaScript
1 $scope.selectTown = function (pageNo, value){ 2 //都道府県選択画面から 3 //選択された都道府県での市町村を表示させる 4 if (pageNo == '1'){ 5 //大阪の時 6 if(value =='1'){ 7 var townList = [ 8 {townNO: 1, townName: '大阪市都島区'}, 9 {townNO: 2, townName: '大阪市福島区'}, 10 {townNO: 3, townName: '大阪市此花区'}, 11 {townNO: 4, townName: '大阪市西区'} 12 ]; 13 14 //京都の時 15 }else if(value =='2'){ 16 var townList = [ 17 {townNO: 5, townName: '京都市北区'}, 18 {townNO: 6, townName: '京都市上京区'}, 19 {townNO: 7, townName: '京都市左京区'}, 20 {townNO: 8, townName: '京都市中京区'} 21 ]; 22 23 //兵庫の時 24 }else if(value =='3'){ 25 var townList = [ 26 {townNO: 9, townName: '神戸市東灘区'}, 27 {townNO: 10, townName: '神戸市灘区'}, 28 {townNO: 11, townName: '神戸市兵庫区'}, 29 {townNO: 12, townName: '神戸市長田区'} 30 ]; 31 32 //その他の時 33 } else { 34 myNavigator.resetToPage('hoge.html'); 35 } 36 $scope.townLists = townList; 37 myNavigator.pushPage('Town2.html'); 38 39 //市町村選択画面から 40 } else if (pageNo == '2'){ 41 //hogeListに取得した情報を入れ込みたい。 42 var hogeList = value; 43 myNavigator.resetToPage('hoge.html'); 44 } 45 } 46}]);
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。