ionic3でTodoアプリにtryするも挫折（２）

2017年4月23日

前回はCRUDのCreate,Readまでだったので、今度は、以下のサイトの、パスワード制限がないものを作ってみたい。

Secure Todo app with Ionic 2
February 18, 2017
https://golb.hplar.ch/p/Secure-Todo-app-with-Ionic-2

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

（環境）
Windows8.1
Node 6.9.1
cordova 6.5.0
Ionic 2.2.2
VisualStudioCode
Git 2.8.1

（０）以下のサイト

Secure Todo app with Ionic 2
February 18, 2017
https://golb.hplar.ch/p/Secure-Todo-app-with-Ionic-2

ソースコード
https://github.com/ralscha/blog/tree/master/secure-todo

（１）プロジェクトの作成

ionic start inoic3-todo3 blank –v2

cd inoic3-todo3

ionic serve

　

Ctrl+C , y, Enter でサーバ停止

（２）Editページと、TodoServiceプロバイダーの作成

ionic g page Edit

ionic g provider TodoService

src/pages/edit/edit.module.ts の、imports からの3行を消去（またはコメントアウト）

（３）src/pages/home/home.html

参考：https://github.com/ralscha/blog/blob/master/secure-todo-asm/src/pages/home/home.html

上記ソースから、<ion-buttons left>　…　</ion-buttons> 　を削除した。

（４）src/pages/home/home.ts

参考：https://github.com/ralscha/blog/blob/master/secure-todo-asm/src/pages/home/home.ts

（変更前）

（変更後）

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

https://github.com/ralscha/blog/blob/master/secure-todo/src/todo.ts

（６）src/providers/todo-service.ts

https://github.com/ralscha/blog/blob/master/secure-todo/src/providers/todo-service.ts

（変更前）

（変更後）
　

　

パスワード関連のところが不要そうだが、どれを消したらよいのかわからないのでとりあえずそのまま。

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

https://github.com/ralscha/blog/blob/master/secure-todo/src/app/app.module.ts

（変更前）

（変更後）

（８）src/pages/edit/edit.html

https://github.com/ralscha/blog/blob/master/secure-todo/src/pages/edit/edit.html

（変更前）

（変更後）

（９）src/pages/edit/edit.ts

https://github.com/ralscha/blog/blob/master/secure-todo/src/pages/edit/edit.ts

（変更前）

（変更後）

むむむ、パスワード制限無しの場合のコードがうまくできない。挫折