How To Build Your Next App or Website

Questions
Answers
Coaching
 Build Cross Platform Apps in Angular
How To Build Cross Platform Angular + Ionic Desktop / Mobile / Website Apps with the concepts of components, lifecycles, forms, validation, api calls, data-binding and Deploy
How To Add Custom Reusable Alerts, Notifications, Messages or Announcements to your Angular Mobile Apps / Websites
Toast messages are gentle messages displayed to alert users of the success, failure or state of user actions.

Do write a reusable toast message in a "utilities provider". Don't code multiple toast messages that provide the same or similar behaviors

 View Code on Github
If you like this post, join our facebook group for more posts like this ...
How To Add Components or Modules to an Angular / Ionic App

Design repeating UI features in components with a view, class & stylesheet and export the component as a module for reusability across your app

A reusable footer component in an Ionic Angular App is designed as:
  • footer.html - A user interface (UI) file that includes all the HTML presented by the footer
  • footer.ts - A typescript class that represents the view / template's data model and presentational logic
  • footer.module.ts - A typescript class that imports the footer.ts class and re-exports it as a footer module that's reusable across the app
Ionic + Angular Page Footer Component
 View Code on Github
If you like this post, join our facebook group for more posts like this ...