teratail
回答率
85.35%
teratail header banner
teratail header banner
質問するログイン新規登録
トップに関する質問ローカルJSONファイルから、問題一覧を出力したい

編集履歴

質問編集履歴

2

参考プログラムの修正と追加

2017/02/09 09:38

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -6,7 +6,7 @@
6
6
 
7
7
 
8
8
 
9
- [平成29年度試験.json]
9
+ [www/assets/data/平成29年度試験.json]
10
10
 
11
11
  ```.json
12
12
 
@@ -86,6 +86,56 @@
86
86
 
87
87
 
88
88
 
89
+ [src/pages/home/home.ts]
90
+
91
+ ```angular2
92
+
93
+ import { Component } from '@angular/core';
94
+
95
+ import { NavController } from 'ionic-angular';
96
+
97
+ import { JsonData } from '../../providers/Json-data';
98
+
99
+
100
+
101
+
102
+
103
+ @Component({
104
+
105
+ selector: 'page-home',
106
+
107
+ template: `
108
+
109
+ <div *ngFor="let patient of patients">
110
+
111
+ <h3>Name: {{patient.name}}</h3>
112
+
113
+ </div>`
114
+
115
+ })
116
+
117
+ export class HomePage {
118
+
119
+
120
+
121
+ data: any;
122
+
123
+
124
+
125
+ constructor(public navCtrl: NavController, public dataService: JsonData) {
126
+
127
+ this.data = dataService.getData();
128
+
129
+ }
130
+
131
+ }
132
+
133
+ ```
134
+
135
+
136
+
137
+ [src/providers/json-data.ts]
138
+
89
139
  ```angular2
90
140
 
91
141
  import { Injectable } from '@angular/core';
@@ -98,7 +148,11 @@
98
148
 
99
149
  @Injectable()
100
150
 
101
- export class questionsData {
151
+ export class JsonData {
152
+
153
+
154
+
155
+ data: any;
102
156
 
103
157
 
104
158
 
@@ -106,35 +160,29 @@
106
160
 
107
161
 
108
162
 
109
- load(){
163
+ getData(){
110
164
 
111
- if(this.data){
165
+ return this.http.get('assets/data/平成29年度試験.json')
112
166
 
113
- return Promise.resolve(this.data);
167
+ .map(res => res.json()).subscribe(data => {
114
168
 
169
+ this.data = data.patients;
170
+
171
+ console.log(data);
172
+
173
+ return data;
174
+
175
+ })
176
+
115
- }
177
+ }
178
+
179
+ ```
116
180
 
117
181
 
118
182
 
119
- return new Promise(resolve => {
183
+ いろいろ調べては見たのですが、正直あまり理解できていないので、ご教授頂けたらと思います。
120
184
 
121
- this.http.get('data/平成29年度試験.json').subscribe(res => {
122
185
 
123
- this.data = res.json();
124
-
125
- resolve(this.data);
126
-
127
- console.log(this.data);
128
-
129
- });
130
-
131
- });
132
-
133
- }
134
-
135
- }
136
-
137
- ```
138
186
 
139
187
  したいことは、ページの遷移に応じてjsonから適切にデータを当てはめることです。
140
188
 

1

誤字

2017/02/09 09:38

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -138,7 +138,7 @@
138
138
 
139
139
  したいことは、ページの遷移に応じてjsonから適切にデータを当てはめることです。
140
140
 
141
- 平成29年度試験が選ばれたら[h29_questions.json]、28年度試験なら[h28_questions.json]に切り替え、底に含まれるtitleとquestion_mainを*ngIfで回してリスト表示をし、その他の項目も使って解説ページを表示したいと考えています。
141
+ 平成29年度試験が選ばれたら[h29_questions.json]、28年度試験なら[h28_questions.json]に切り替え、そこに含まれるtitleとquestion_mainを*ngIfで回してリスト表示をし、その他の項目も使って解説ページを表示したいと考えています。
142
142
 
143
143
 
144
144