Angular4でTodoアプリを写経してみる（１）

2017年4月11日

アプリといえば、CRUD（create, read, update, delete）！

CRUDといえばTodo！

以下を写経してみたい！最近は、Ionic2ばかりやっていたので、久しぶりのAngular（まあ、そっくりですが。）

世界初!?Angular4を使ってtodoMVCよりも先にtodoアプリを作ってみた
komatsu-kenta
2017年04月06日に更新
http://qiita.com/komatsu-kenta/items/1d29469100355c20a600

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

（環境）
Windows8.1
Node 6.9.1
@angular/cli 1.0.0
VisualStudioCode

（１）アプリの新規作成

ng new todo

cd todo

ng serve –open

Ctrl+C => y => Enter でサーバ停止

（２）デフォルトのファイル構成

（３）src/app/app.component.ts

（変更前）

（変更後）

（４）src/app/app.component.html

（変更前）

（変更後）

（５）src/app/app.store.ts (新規作成)

（変更前）（新規作成した時点）

（変更後）

（６）src/app/app.module.ts

（変更前）

（変更後）

（７）src/main.ts   （変更無し）

（８）src/index.html   （変更無し）

（９）src/app/app.component.css

（変更前）

（変更後）

（１０）src/styles.css

（変更前）

（変更後）

（１１）ng serve –open してみる

ng serve –open

おお！これはすごい！

（参考）以下を、写経しました。感謝です。

世界初!?Angular4を使ってtodoMVCよりも先にtodoアプリを作ってみた
komatsu-kenta
2017年04月06日に更新
http://qiita.com/komatsu-kenta/items/1d29469100355c20a600