I would like to create an application which allows you to click on any item 
generated and bring up a larger version. Once loaded, if you click away 
from the larger version onto any other part of the page it should close.


*Currently;*

If a modal is loaded and you click off it onto another thumbnail it will 
load another modal on top of the previous one. Clicking onto a blank space 
does nothing.


*What I would like to happen;*

Only one Modal should be allowed to be active at any one time, if you click 
away from the modal onto any other part of the page it will close it.


Here is a plunk;


http://plnkr.co/edit/Tt2FD12fGC6gIDfC3cQJ?p=preview


I'm new to Angular2 (And never used anything previously similar to it), so 
i'm a bit lost and would be grateful for any help!


(http://stackoverflow.com/questions/39771062/how-to-dynamically-create-destroy-modal-based-on-div-clicked-angular2)

-- 
You received this message because you are subscribed to the Google Groups 
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
To post to this group, send email to [email protected].
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

Reply via email to