ionic3とfirebaseでチャットの写経にtry（１）

2017年6月24日

Angular 2 (, Angular 4, ionic3)に関しては以下の本がお勧めです！

（環境）
Windows8.1

以下のサイトは、Angular4+Firebaseでチャットアプリの作成方法を解説してくださっており、ソースコードもあり、素晴らしい！ionic3にしてみる（私の能力がないため、UIなどが、どうしても壊れてしまう）。

Angular+Firebaseでチャットアプリを作る
Yamamoto0525
2017年06月22日に更新
http://qiita.com/Yamamoto0525/items/a76ea4b3924eeb82b0f9

ソースコード　途中

（１）

AngularのngForでチャットコメントを実装する
Yamamoto0525
2017年06月06日に更新
http://qiita.com/Yamamoto0525/items/5ee362967295ec4d2c65

ngForでコメントを繰り返し表示させる

ionig g model chat

しても、どこにchat.tsが作られるのか分からなかったため、手動でsrc/models/chat.ts　を作成。

home.ts

const COMMENTS: Comment[] = [ … とすると、

「a class member cannot have the 'const’ keyword」

と怒られてしまうので、変更前のままで。

home.html

（２）次は、

にしたがってやっていく。

src/models/chat.ts

home.ts

A class member cannot have the 'const’ keyword.

というエラーで、なんだか、かなり苦労したが、とりあえず以下のような感じで。。。

home.html

home.ts

home.scss (もうぐちゃくちゃ、、、)

おお！コメントも追加できるようになった。

コメント追加したら、入力欄のコメントは消えてほしいところですが、、、

とりあえず、面白くなってきた！

ソースコード

途中

（参考）

How to Create a Data Model in Ionic 2
BEGINNER IONIC2
Josh Morony · April 5, 2017
https://www.joshmorony.com/how-to-create-a-data-model-in-ionic-2/

まだ、コメントがありません