ユーザ用ツール

サイト用ツール


z_blog:2018:181009_ionic4_firestore_capacitor_camera2

差分

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

この比較画面へのリンク

両方とも前のリビジョン前のリビジョン
次のリビジョン
前のリビジョン
z_blog:2018:181009_ionic4_firestore_capacitor_camera2 [2018/10/09] – [Eventのリスト表示] adash333z_blog:2018:181009_ionic4_firestore_capacitor_camera2 [2018/10/09] (現在) – [CameraとFirebase Storageの利用] adash333
行 61: 行 61:
 また、上記のGuestは表示するページがあるのかどうかは、今のところ不明。 また、上記のGuestは表示するページがあるのかどうかは、今のところ不明。
  
 +===== Firestore Transactionの作成 =====
 +トランザクション、、、難しい・・・
  
 +.then(()=> { } を用いればよいらしい。。。
  
 +{{:z_blog:2018:pasted:20181009-165244.png}}
 +
 +
 +===== CameraとFirebase Storageの利用 =====
 +event-detail.page.html の一部
 +<code>
 +<ion-row>
 +
 +<ion-col size="4">
 +  <ion-button (click)="takePicture()">
 +    <ion-icon slot="icon-only" name="camera"></ion-icon>
 +  </ion-button>
 +</ion-col>
 +
 +</ion-row>
 +<span *ngIf="guestPicture">Picture taken!</span>
 +</code>
 +
 +event-detail.page.ts と、 event.service.ts を変更。
 +
 +まだ、実機で試せてはいない。
 +
 +ここまでのソースコード
 +
 +https://github.com/adash333/ionic4-firestore-camera-crud/commit/7395396e777b7a6873fc9c6dddb5594eb2438a29
  
 ===== 写経元サイト ===== ===== 写経元サイト =====

z_blog/2018/181009_ionic4_firestore_capacitor_camera2.1539071358.txt.gz · 最終更新: 2018/10/09 by adash333

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki