はじめてAngular2を触ってみた初心者のメモ書きです。 今回からは、公式チュートリアルをチラ見しながらTODOアプリを作っていきたいと思います。 https://angular.io/docs/ts/latest/tutorial/angular.io 今回もAngular CLIの恩恵にあずかってまいります。 Windowsでの環境構築編はこちら developers.goalist.co.jp 目次 目次 準備 タスクを一つ表示する Taskクラスの作成 Taskクラスをインポート タスクリストを表示する リスト表示(ngFor) CSSを追加 タスクを選択できるようにする クリックイベントを追加 選ばれしタスクを表示(ngIf) 選択中のタスクに色を付ける([class.クラス名]) ソースコードまとめ 感想 準備 プロジェクトを生成 ng new todo-app 開発用サーバ
![はじめてのAngular TODOアプリをつくる① リスト表示編 - Goalist Developers Blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/495a098cbcace387485b253017d4a0d7bfd6b9cd/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fy%2Fy-iio%2F20170410%2F20170410164440.png)