title: Open bootstrap popup from angular controller
body: <p>In angular Template I have two anchors,first display text inside popoup and second one display images inside popup,Like this:</p>
  
  <pre><code>&lt;a ng-click="openPopup('Text')"&gt;Text popup&lt;/a&gt;&lt;a ng-click="openPopup('Image')"&gt;Image popup&lt;/a&gt;
  </code></pre>
  
  <p>I have a two different popup's for Text and Images.I want to open text popup if user click "Text popup". Same like Image.
  Here is the sample text and Image popup code.</p>
  
  <pre><code>    &lt;div class="modal fade" id="myTextModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"&gt;
              &lt;div class="modal-dialog" style="width:800px" role="document"&gt;
                  //Content goes here
               &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="modal fade" id="myImageModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"&gt;
              &lt;div class="modal-dialog" style="width:800px" role="document"&gt;
                  //Content goes here
               &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>In controller:  </p>
  
  <pre><code>    $scope.openPopup = function(Value) {
              if(Value=='Text'){
                  //open Text popup
              }else{
                  //open Image popup
              }
         }
  </code></pre>
  
  <p>I am  using ui.bootstrap.modal How can I achieve this?</p>