z_blog:2018:181020_ionic4_firestore_crud

差分

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

この比較画面へのリンク

--- z_blog:2018:181020_ionic4_firestore_crud [2018/10/20] – [todo serviceの設定] adash333
+++ z_blog:2018:181020_ionic4_firestore_crud [2018/10/22] (現在) – [Netlifyにデプロイ] adash333
@@ 行 109: / 行 109: @@
 (変更後)
+{{:z_blog:2018:pasted:20181021-033610.png}}
+{{:z_blog:2018:pasted:20181021-033626.png}}
@@ 行 118: / 行 121: @@
 import { map } from 'rxjs/operators';
 </code>
+参考：https://github.com/angular/angularfire2/blob/master/docs/firestore/collections.md
+{{:z_blog:2018:pasted:20181021-033813.png}}
+===== home.page.tsの変更 =====
+src/app/home/home.page.ts
+(変更前)
+{{:z_blog:2018:pasted:20181021-203805.png}}
+(変更後)
+{{:z_blog:2018:pasted:20181021-205142.png}}
+src/app/home/home.page.html
+(変更前)
+{{:z_blog:2018:pasted:20181021-212453.png}}
+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.1540058482.txt.gz · 最終更新: 2018/10/20 by adash333