ユーザ用ツール

サイト用ツール


z_blog:2018:181020_ionic4_firestore_crud

差分

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

この比較画面へのリンク

両方とも前のリビジョン前のリビジョン
次のリビジョン
前のリビジョン
次のリビジョン両方とも次のリビジョン
z_blog:2018:181020_ionic4_firestore_crud [2018/10/21] – [todo-details.page.tsの変更] adash333z_blog:2018:181020_ionic4_firestore_crud [2018/10/22] – [Netlifyにデプロイ] adash333
行 158: 行 158:
 (変更後) (変更後)
 {{:z_blog:2018:pasted:20181021-221925.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>
  
 ===== ソースコード ===== ===== ソースコード =====
行 170: 行 190:
  
 自分のスマホで確認。 自分のスマホで確認。
 +
 +使用方法がよく分からないアプリだが、とりあえず、タスクを作成し、編集し、削除(スライドさせるのだが、なんかうまくいかない)は、なんとかできるようになったのか。。。
 +
 +{{:z_blog:2018:pasted:20181023-001916.png}}
 +
 +createdAtが表示されないので、変だなと思っていたら、home.page.htmlにタイプミスがあった。
 +
 +訂正して、日付の記載方法も少し変更すると、以下のような表示になった。
 +
 +{{:z_blog:2018:pasted:20181023-002930.png}}
  
  

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

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki