z_blog:2018:181020_ionic4_firestore_crud

差分

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

この比較画面へのリンク

--- z_blog:2018:181020_ionic4_firestore_crud [2018/10/21] – [todo serviceの設定] adash333
+++ z_blog:2018:181020_ionic4_firestore_crud [2018/10/22] (現在) – [Netlifyにデプロイ] adash333
@@ 行 142: / 行 142: @@
 app/home/home.page.scss
+{{:z_blog:2018:pasted:20181021-212952.png}}
+===== todo-details.page.tsの変更 =====
+src/app/pages/todo-details/todo-details.page.ts
+(変更後)
+{{:z_blog:2018:pasted:20181021-220931.png}}
+src/app/pages/todo-details/todo-details.page.html
+(変更前)
+{{:z_blog:2018:pasted:20181021-221016.png}}
+(変更後)
+{{:z_blog:2018:pasted:20181021-221925.png}}
+後日、ionic serveし直したら、以下のようなエラーになってしまった。
+{{:z_blog:2018:pasted:20181022-225957.png}}
+写経したつもりであったのだが、とりあえず、ルーティングの記載方法を変更してみる。
+(変更後)
+{{:z_blog:2018:pasted:20181022-233555.png}}
+参考：[[ionic4:ionic4でルーティング|Ionic4でルーティング]]
+<code>
+// Ionic4でのルーティングの記載方法
+import { Router } from '@angular/router';
+（省略）
+constructor(private router: Router) {}
+(省略)
+this.router.navigateByUrl('/home');
+</code>
+===== Netlifyにデプロイ =====
+<code>
+npm run build --prod
+www/
+</code>
+自分のスマホで確認。
+使用方法がよく分からないアプリだが、とりあえず、タスクを作成し、編集し、削除（スライドさせるのだが、なんかうまくいかない）は、なんとかできるようになったのか。。。
+{{:z_blog:2018:pasted:20181023-001916.png}}
+createdAtが表示されないので、変だなと思っていたら、home.page.htmlにタイプミスがあった。
+訂正して、日付の記載方法も少し変更すると、以下のような表示になった。
+{{:z_blog:2018:pasted:20181023-002930.png}}
+===== ソースコード =====
+https://github.com/adash333/ionic4-firestore-crud

z_blog/2018/181020_ionic4_firestore_crud.1540124904.txt.gz · 最終更新: 2018/10/21 by adash333