Angular入門 2日目

2017-01-30  /  Angular

社内ツールをバックエンドを Go(goa)で、フロントエンドを Angular で作ることにした。

2 日目。

今日やったこと

編集画面のフォーム周り

モデルとフォームをバインディングする辺りのコードを書いた。

「これが噂に聞いていた双方向バインディングかぁぁぁぁ!!!」とちょっと感動した。

form タグのところだけ別の Component にして切り出してみて、データの渡し方(@Input あたり)を確認した。でも、なんかめんどくさくなっただけかも。

モデルの修正

管理すべきデータを間違えていたので、モデルを作り直した。

Typescript の型チェックのおかげで、ダミーデータが誤っているのもすぐ分かって快適だ。

Service を作った

チュートリアルを参考にして Service を作ってそこからダミーデータを返すようにした。
https://angular.io/docs/ts/latest/tutorial/toh-pt6.html

Promise を Service と Component で受け渡ししてるんだけど、直接、特定の型の配列を返してはいけないんだろうか?

あと、Observerable の方が良いらしい?
Angular2 の Http モジュールを眺めてベストプラクティスを考える - Qiita

これを見て Promise を使わないようにやろうとしてるとこで、上手くいかなくて時間切れ。なんか勘違いしてるっぽい。

次回はこの辺対応して、新規と削除までの一通りの操作できるようにしたい。

Published: 2017-01-30  /  Tags: Angular  /  Share: X