この文書の現在のバージョンと選択したバージョンの差分を表示します。
両方とも前のリビジョン 前のリビジョン 次のリビジョン | 前のリビジョン | ||
ionicとfirebaseでチャットアプリ [2018/06/22] adash333 [ソースコード2] |
ionicとfirebaseでチャットアプリ [2018/10/07] (現在) |
||
---|---|---|---|
ライン 16: | ライン 16: | ||
===== ソースコード1 ===== | ===== ソースコード1 ===== | ||
+ | @s_kozake | ||
+ | 2018年08月03日に更新 | ||
+ | Ionic 4とFirebaseでチャットアプリ\\ | ||
+ | https://qiita.com/s_kozake/items/6c7a0cec75c957606a33 | ||
+ | |||
+ | こちらのサイトが日本語でとてもわかりやすいです! | ||
+ | |||
https://github.com/didinj/ionic3-angular5-firebase-simple-chat\\ | https://github.com/didinj/ionic3-angular5-firebase-simple-chat\\ | ||
ライン 74: | ライン 81: | ||
import { Component, ViewChild } from '@angular/core'; | import { Component, ViewChild } from '@angular/core'; | ||
import { Content } from 'ionic-angular'; | import { Content } from 'ionic-angular'; | ||
+ | // Ionic4の場合は、import { Content } from '@ionic/angular'; | ||
export class HomePage { | export class HomePage { | ||
ライン 79: | ライン 87: | ||
| | ||
ionViewDidLoad() | ionViewDidLoad() | ||
+ | // Ionic4の場合は、ngOnInit() | ||
{ | { | ||
setTimeout(() => { | setTimeout(() => { | ||
- | this.contents.scrollToBottom(300); | + | this.content.scrollToBottom(300); |
}, 1000); | }, 1000); | ||
} | } |