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
On this page of the site you can watch the video online Ionic Action Sheet - Ionic Angular Tutorial with a duration of hours minute second in good quality, which was uploaded by the user Code Swag 07 January 2021, share the link with friends and acquaintances, this video has already been watched 5,908 times on youtube and it was liked by 89 viewers. Enjoy your viewing!
