質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

AngularJS

AngularJSはオープンソースのJavaScriptフレームワークです。ブラウザ上で動作するウェブアプリケーションの開発にMVCアーキテクチャを取り入れることを目的としています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Onsen UI

HTML5で記述されたモバイルアプリの高速化、およびネイティブアプリライクなUIが作れるフレームワーク。 様々なJavaScriptフレームワークと併せて使用することができます。スマートフォン向けアプリ、Webサイトに必要なアニメーション、UI/UXを実装することが可能になります。

Monaca

「Monaca」はiOS、Android、Windows向けのアプリ開発に対応した、Cordovaベースのモバイルアプリ開発プラットフォームです。HTML5、JavaScriptといったWeb標準技術を用いてモバイルアプリ開発を行うことができます。

Q&A

解決済

1回答

377閲覧

ng-repeatで表示した値の再取得方法について

bi_tsu

総合スコア35

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

AngularJS

AngularJSはオープンソースのJavaScriptフレームワークです。ブラウザ上で動作するウェブアプリケーションの開発にMVCアーキテクチャを取り入れることを目的としています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Onsen UI

HTML5で記述されたモバイルアプリの高速化、およびネイティブアプリライクなUIが作れるフレームワーク。 様々なJavaScriptフレームワークと併せて使用することができます。スマートフォン向けアプリ、Webサイトに必要なアニメーション、UI/UXを実装することが可能になります。

Monaca

「Monaca」はiOS、Android、Windows向けのアプリ開発に対応した、Cordovaベースのモバイルアプリ開発プラットフォームです。HTML5、JavaScriptといったWeb標準技術を用いてモバイルアプリ開発を行うことができます。

0グッド

0クリップ

投稿2018/05/24 07:37

編集2018/05/24 07:38

前提・実現したいこと

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}]);

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

自己解決

解決いたしました。
参考ページ3
formのhiddenで取得しないといけないような固定概念があったのですが、そんなことせずとも取得できるようです。
問題は解決しましたが、内容の理解はまだまだなので記述された内容をよく勉強していきます。

今後ともよろしくお願いいたします。

HTML

1 <!--ここから以下が不明点です--> 2 <div ng-repeat="ng-repeat="(key,value) in townLists" value="{{value}}" ng-click="selectTown('2',value)"> 3 {{townList.townName}} 4 <div>

投稿2018/05/24 08:26

bi_tsu

総合スコア35

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問