title: Show Modal depending on the selected value in dropdown list
body: <p>I have a dropdown list</p>
  
  <pre><code>  &lt;select class="select" name="mode" ng-model="modes.mode" ng-dropdown required  &gt;
     &lt;option ng-option value="modal1"&gt;Mode1&lt;/option&gt;
     &lt;option ng-option value ="modal2"&gt;Mode2&lt;/option&gt;
     &lt;option ng-option value="modal3"&gt;Mode3&lt;/option&gt;
    &lt;/select&gt;
  </code></pre>
  
  <p>And three different buttons</p>
  
  <pre><code> &lt;button class="action_delete" id="delete" ngmodel="button" ng-click="delete()"&gt;Delete&lt;/button&gt; 
   &lt;button class="action_modify" id="modify" ngmodel="button"  ng-click="modify()"&gt;Modify&lt;/button&gt;
   &lt;button class="action_create" id="create" ng-model="button" ng-click="open()" &gt;Add&lt;/button&gt;
  </code></pre>
  
  <p>Now, what I want is to display modals on button click depending on the selected value in the dropdown list. Each mode has their own modals for button click. For example when the user selects mode1 and wants to add, the modal that will show is for mode1, add modal popup, for mode1, modify modal. If mode 2 has been selected, the modals will be for mode2, add modal; mode2, modify pop up and so on. How can I possibly do that? I'm using angularjs. Thanks for any help</p>