title: show multiple modal pop up in angularjs
body: <p>I'm using angularjs. What I want to do is to check student id in database by Angularjs, when the user  clicks a button.
  If student id exists in database, #modal1 will be shown, otherwise #modal2 will be prompted. Is it possible to do this with angularjs? If possible how.. </p>
  
  <p><strong>Html</strong></p>
  
  <pre><code>&lt;tr ng-repeat="g in students"&gt;
    &lt;td&gt;{{g.studentId}}&lt;/td&gt;
    &lt;td&gt;{{g.studentName}}&lt;/td&gt;
    &lt;td&gt;
      &lt;div class="btn-group" role="group" aria-label="btnActions"&gt;
          &lt;button type="button" ng-click="act(g)" title="act" data-toggle="modal" data-target="#deleteModal"&gt;&lt;/button&gt;    
      &lt;/div&gt;
    &lt;/td&gt;
  &lt;/tr&gt;
  
  #Modal that will be displayed 
  &lt;!-- modal1 --&gt;
  &lt;div class="modal fade" id="modal1" role="dialog"&gt;
      &lt;div class="modal-dialog"&gt;
          &lt;div class="modal-content"&gt;
              &lt;div class="modal-body"&gt;
                  confirm delete?
              &lt;/div&gt;
              &lt;div class="modal-footer"&gt;
                  &lt;button type="button" class="btn btn-primary" ng-click="delete()"&gt;Yes&lt;/button&gt;
                  &lt;button type="button" class="btn btn-default" &gt; No&lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;!-- modal2 --&gt;
  &lt;div class="modal fade" id="modal2" role="dialog"&gt;
      &lt;div class="modal-dialog"&gt;
          &lt;div class="modal-content"&gt;
              &lt;div class="modal-body"&gt;
                  Data already existed
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>Controller</strong></p>
  
  <pre><code>$scope.act = function (g) {
      g.studentId;
  }
  </code></pre>