Ionic Action Sheet - Ionic Angular Tutorial
In this Ionic Framework Tutorial for Beginners 2021, we are going to look at how to use the Ionic action-sheet component in Ionic Angular. First we create a new Ionic 5 project using the Angular Framework. Then we create an ion-button that when clicked invokes a function that launches our ion-action-sheet component. Next, we import the ActionSheetController class from @ionic/angular. The, we create an asynchronus function that defines our action sheet. We give our action sheet a title, and we experiment with some properties including animation, keyboardclose, backdropDismiss etc. We then give our actionsheet a set of buttons including those with a close & destructive role. Finally, we go through an example of how to use the ion-sction-sheet onWillDismiss & onDidDismiss lifecycle methods to run arbitrary code before and after dismissing an instance of the Ionic Action Sheet component.
Support codeswag on Patreon - / codeswag
How to install ionic on windows - • How to install Ionic 5 development en...
How to install ionic on macOS - • Installing Ionic on macOS
How to install ionic on linux - • Installing Ionic Framework on Linux
Social Media Links
-------------------------------
Facebook - / codeswag.co.uk
Twitter - / charisthecoder
Instagram - / codeswag.co.uk
Support codeswag on Patreon - / codeswag
Please support this channel by buying some awesome tech gadgets for yourself or a loved one from our online store at www.codeswag.co.uk/shop