Ionic Action Sheet - Ionic Angular Tutorial

preview_player
Показать описание
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.

Social Media Links
-------------------------------

Рекомендации по теме
Комментарии
Автор

literally, it is such an amazing tutorial it covers my whole concept according to the documentation of ionic. it's my humble request kindly make more tutorials on the base of documentation just like that

tehreemsaleem
Автор

Great tutorial. Very clear and easy to follow explanation. Thank you!

rampage
Автор

Bro you are fantastic.😁
Pls more Ionic VIdeos!

mehmeteminhuseyinoglu
Автор

Hi all your videos are very good...keep it up all the best brother..

suriyasundaravel
Автор

Hey, all your videos are very simple and informative... Keep uploading Ionic tutorial.
If possible upload http post video next

whoisranjeet
Автор

I can't get this to work on Android natively, do you have a solution?

bipedalorganisms