# Angular Modal Service Samples

Samples for the only Angular Modal Service you'll ever need.

Tip: Close all modals at any time by hitting the `*` key!

### A Simple Yes/No Modal

This sample shows a Bootstrap Modal with the options 'Yes' and 'No'.

It demonstrates how to show a Bootstrap Modal, how to show a modal and how to retrieve data from the modal.

Show Yes No

    {{yesNoResult}}

See the code that makes up this sample:

- The Modal Template - yesno.html
- The Modal Controller - yesnocontroller.js
- The Sample Controller (see 'showYesNo') - sampleapp.js

### A Complex Modal

This more complicated modal contains a form, showing how the modal template can be customised. It also has a controller with data injected by the caller and returns more complex data.

Show Complex

    {{complexResult}}

See the code that makes up this sample:

- The Modal Template - complex.html
- The Modal Controller - complexcontroller.js
- The Sample Controller (see 'showComplex') - sampleapp.js

### A Custom Modal

This sample shows how you can use any kind of modal, not just Bootstrap modals.

Show Custom

    {{customResult}}

See the code that makes up this sample:

- The Modal Template - custom.html
- The Modal Controller - customcontroller.js
- The Sample Controller (see 'showCustom') - sampleapp.js