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 を使わないようにやろうとしてるとこで、上手くいかなくて時間切れ。なんか勘違いしてるっぽい。
次回はこの辺対応して、新規と削除までの一通りの操作できるようにしたい。