Let’s save you some time here finding some Angular 2 Dialogs, Popups & Modals Demos so you can get on with whats really important, the coding and getting stuff done.
1. AngularJS and Bootstrap 3 Modal Demos
A complete AngularJS service with controllers and templates for generating application modals and dialogs for use with Angular-UI-Bootstrap, Twitter Bootstrap and Font-Awesome. Supports, i18n, language translations for dialog headers, messages and buttons via angular-translate.
2. Angular 4 Confirmation Popup Demo
A simple angular 4.0+ directive to display a bootstrap styled confirmation popover when an element is clicked.
3. Angular 2 Dialog Box Example
Our goal is to open a dialog box when the user clicks the button aptly labeled “Open dialog box.” Our main tool in accomplishing this goal is Angular 2’s ViewContainerRef class, which provides a handy createComponent method.
4. Angular Splash Fullscreen Popup Demo
In this tutorial I’m going to use parts of the CSS in the Codrops tutorial to create an easy to use, full screen modal service using AngularJS, Bootstrap and the UI-Bootstrap components.
5. Angular Material Modal Example
This article will show you how to use Angular Material components focused on popups, modals, and navigation.
7. Angular 2 Modal Dialog with Advanced Functionality and Easy-use Features
This article mainly focuses on the uses and issue resolutions of the Ng2ExDialog.
8. Angular 2/4 – Custom Modal Window
In this tutorial we’ll cover how to implement modal windows (dialog boxes) in Angular 2/4 with TypeScript. The example is a custom modal without the need for any 3rd party libraries.
9. AngularJS Modal Service
To use the modal service you’ll need to reference the modalService.js script in your application and then inject it into a controller.
10. ngDialog Demo
ngDialog service provides easy to use and minimalistic API, but in the same time it’s powerful enough.