Places with Ionic creator Pro
Dec 2 – Working with Places All UI done, need to add code and upload to server. Check Bluehost server domain is OK.
Google Map Component
Linking Firebase to my Creator ionic app New and Old ways.
Old one(TodoList) created .run to create db in todos.js but new way(ChatApp) creates automatically in firebase.init.js
At Firebase console create new project. Choose Realtime(Not Cloud) by setting “unlocked” ie “setting true” then create button.
Database -> Rules ->Set both “read” and “write”, “true”. -> Publish button
Home -> </> add Firebase to Web app -> config information window opens
Config Information on Firebase window Already firebase.init.js is created automatically. Goto ionic and Addons button -> and fill in 4 fields of data with data from step3 config window (eg. apiKey:…..)
“Firebase’s AngularFire has been added to your project.
Documentation for using AngularFire can be found on the
AngularFire github page.
Here’s what we did for you:
Added the Firebase and AngularFire scripts to “External JS” settings
Added the “firebase” module to “Angular Modules” settings
Created a “firebase.init.js” file in “Other JS” where you can find your settings and an example.” message was on the Firebase window.
Firebase.init.js shows up on the code listing index
Code Settings -> both angularfire and firebase on the list.
https://docs.usecreator.com/docs/building-a-simple-chat-app from 2:12 to 3:55.
Mobile App Phase II using Routeparam
on Web it works, but it does not work on creator.ionic.io. I fixed URL /page3 /page4 to /todos and /finished respectively, and started to work both on creator and on cloud.
Fixed Phase II using Routeparam
Todo List Mobile App Phase I coded in the creator.ionic.io environment.
Instruction of the above by Ionic
There are two pages: Todos and Finished Items.
Todos.js was created to service (to share the data) to the above two pages.
Todos page has a function to access items in Todos.items and only display ‘finished’: false items.
Finished Items page has a function to access items in Todos.items and only display ‘finished’: true items. using Angular directives:
Loops using Angular directive:”ng-repeat item in items” and
display items with “ng-show” if “item.finished==true”.