z_blog:2018:181109_ionic4_quiz

差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

--- z_blog:2018:181109_ionic4_quiz [2018/11/10] – [Data Serviceの作成] adash333
+++ z_blog:2018:181109_ionic4_quiz [2018/11/10] (現在) – [クイズテンプレートの修正] adash333
@@ 行 1: / 行 1: @@
-====== 181109 Ionic4でクイズアプリにtry ======
+====== 181109 Ionic4でクイズアプリ（１） ======
 http://twosquirrel.mints.ne.jp/?p=24938\\
@@ 行 180: / 行 180: @@
 (変更後)
-{{:z_blog:2018:pasted:20181110-180557.png}}
+{{:z_blog:2018:pasted:20181110-181504.png}}
 ===== クイズのロジックを追加 =====
@@ 行 199: / 行 198: @@
 (変更前)
+{{:z_blog:2018:pasted:20181110-181635.png}}
+(変更後)
+{{:z_blog:2018:pasted:20181110-182240.png}}
+{{:z_blog:2018:pasted:20181110-182303.png}}
+{{:z_blog:2018:pasted:20181110-182332.png}}
+なお、Ionic3での<wrap hi>ionViewDidLoad()</wrap>は、Ionic4では<wrap hi>ngOnInit()</wrap>に変更になっています。
+===== クイズテンプレートの修正 =====
+src/app/home/home.page.html
+(変更前)
+{{:z_blog:2018:pasted:20181110-182701.png}}
+(変更後)
+{{:z_blog:2018:pasted:20181110-183805.png}}
+以下のように、なんとかクイズアプリが出来上がった。
+{{:z_blog:2018:pasted:20181110-183958.png}}
+参考：https://beta.ionicframework.com/docs/api/button/#expand
+===== ここまでのソースコード =====
+CSSはさっぱり分からないが、とりあえず、ここまでのソースコード
+https://github.com/adash333/ionic4-kids-quiz/tree/8893d9261411e06991406d33093c820c5512cb94
 ===== リンク =====

z_blog/2018/181109_ionic4_quiz.1541841283.txt.gz · 最終更新: 2018/11/10 by adash333