Contact useing ionic, angular-js and Firebase

https://github.com/angular/angularfire2/blob/master/docs/1-install-and-setup.md#1-create-a-new-project

1. Create a new project

c:\ ionic start Contact tabs --v3
c:\ cd Contact

2. Install AngularFire 2 and Firebase

npm install angularfire2 firebase --save

npm install angularfire2@5.0.0-rc.4

Make for apk - npm install promise-polyfill --save-exact


File Format of Firebase


3. Run project in node

c:\Contact> ionic serve --lab

4. Add Firebase config to environments variable



5. Setup @NgModule for the AngularFireModule in app.module.ts



5. Setup environment.ts

Make a folder environments and under environments make a file environment.ts

6. create a new page .

c:\Contact> ionic generate page contact

7. setup contact.html page




 8. setup contact.ts page


9. create a new page .

c:\Contact> ionic generate page addcontact

10. Setup addcontact.html page


11. setup addcontact.ts page




12. create a new page .

C:\Contact> ionic generate page people

13. Setup people.html page


14. Setup people.ts page


15. create a new page addpeople 

C:\Contact> ionic generate page addpeople

16. Setup addpeople.html page



17. Setup addpeople.ts page




18. create a new page profile 

C:\Contact> ionic generate page profile

19. Setup profile.html page



20. Setup profile.ts page


21. setup tabs.html  page


22. setup tabs.ts  page


22. Look like this




Comments

Post a Comment

Popular posts from this blog

Hide Tabs when open sub pages