How to handle modals "declaratively/reactively" with Angular (and is it any better?) @JoshuaMorony

Uploaded July 2022 | Updated September 2026, 2 weeks ago

My modern Angular course: angularstart.com

In this video, we take a look at two ways to handle coding the same modal in an Ionic and Angular application - one declarative and one imperative. The imperative example mostly utilises writing logic in the component's class, whereas the declarative example utilises properties on the component in the template.

Get weekly content and tips exclusive to my newsletter: https://mobirony.ck.page/4a331b9076

Learn Angular with Ionic: ionicstart.com

Source code: github.com/joshuamorony/ionic-declarative-modal

0:00 Simple Imperative Example
1:29 Simple Declarative Example
4:01 Simple Comparison
4:37 Advanced Declarative Example
7:30 Advanced Imperative Example
8:52 Conclusion

More on imperative vs declarative: youtu.be/Fr9e9Fo6iMw
More on the Quicklists app: youtu.be/CGRQLBa6FRk

#ionic #angular #rxjs

- More tutorials: eliteionic.com
- Follow me on Twitter: twitter.com/joshuamorony

How to handle modals declaratively/reactively with Angular (and is it any better?)

Is complex RxJS still useful with Angular signals?

2 hours to build this!? Is TDD in Angular really worth it?

Just enough Vim to get by... for people who dont want to use Vim

Knowing this makes Angular typed forms WAY less awkward

Heres what Ive figured out about Angular signals

The easy way to handle ASYNC PIPE errors reactively

Is reactive code with RxJS too hard to test?

I tried to build my dream (simple) state management for Angular

This is coolest algorithm Ive ever used: Wave Function Collapse

Make your own advanced form inputs in Angular

How billionaire Charles Munger fixed my Angular app