Join Sani Yusuf for an in-depth discussion in this video Solution: Musica app challenge, part of Ionic 3.0 for Mobile App Developers.
(lively intro music)…- [Teacher] So let me walk you through the solution…that I actually implemented.…The first thing I did is I went to my app.component.ts file…and inside of it I actually changed the names of the pages…that were shown in the menu.…So I put all songs and favorite songs.…Now if I minimize my code,…you can actually see this here.…It's all songs and favorite songs.…The next thing I did…is I actually changed the header there to all music.…And we can go back to the code.…
We can actually go to the home page here.…You can go to the home page.html…And we can see how I changed that and the title here.…The next thing I did was add a button…that enabled me to add a song to my favorites.…If you look at line 16 to line 18…I actually created a header for the card component…and I put a button inside of it.…Now on top of the button,…I bound a click event handle…on event 17 here called add to favorites.…And then I pass in the music…or the particular song that is being looped on…into that particular function.…
Let's go ahead and see what this function does.…
- Setting up the Ionic CLI
- Understanding the Ionic CLI
- Testing with the Ionic View app
- Working with the Ionic tab template
- Theming and configuring an Ionic app
- Working with the Ionic side menu template
- Working with Ionic Native
Skill Level Advanced
Ionic 2 and AngularFire2: Building Mobile Appswith Steven Emmerich57m 27s Intermediate
Angular 2 Essential Trainingwith Justin Schwartzenberger2h 45m Intermediate
1. Overview and Setting Up Ionic
2. Working with the Ionic Blank Template
3. Testing with the Ionic View App
4. Working with the Ionic Tab Template
5. Theming and Configuring an Ionic App
6. Working with the Ionic Side Menu Template
7. Introduction to Ionic Native
Next steps2m 26s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.