Profile Page of Ionic 5 Full Starter App
Includes different sections with common features such as a gallery of images and a image horizontal slider for the friends list.
The three lists show the same information for each person/friend so we didn't want to repeat the code for each list. The solution we found to avoid repeating the code was to use NgTemplateOutlet. Also, we thought it was a good opportunity to show you how to use this Angular directive and help you improve your development skills.
The NgTemplateOutlet helps us creating reusable components and this is great for two reasons:
- 1.Follows the single responsibility principle which states that pieces of your app should only have one purpose. Following this principle makes your app easier to test and develop.
- 2.Using NgTemplateOutlet directive, instead of creating specific components, allows that we use the component for various use cases without having to modify the component itself.
searchbar for friends lists