Angular Modal Service Samples

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