title: Angular ui-select is not displaying the list of options when included in angular-ui-bootstrap modal
body: <p>I am facing an issue with the <a href="http://angular-ui.github.io/bootstrap/#/modal">anular-ui-bootstrap modal</a> directive.
  Am using the angular's <a href="https://github.com/angular-ui/ui-select">ui-select</a> component in my app as a replacement for the html select. This ui-select is working fine in any page it is being included.
  But when i tried to include it in a modal pop up(using ui-bootstrap <strong><em>$modal</em></strong> service), the <strong>drop-down is not displaying the options</strong> </p>
  
  <p>The issue is reproduced <a href="http://plnkr.co/edit/mjeo4jVyaAZevYaAJTfb?p=preview">here</a> </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>angular.module('ui.bootstrap.demo').controller('ModalInstanceCtrl', function ($scope, $modalInstance, items) {
    $scope.addresses = [{
    "id":1,
      "name": "chennai"
    }, {
      "id":2,
      "name": "banglore"
    }, {
      "id":3,
      "name": "madurai"
    }];
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code> &lt;div class="modal-body"&gt;
          City
              &lt;ui-select ng-model="selAddress"&gt;
                  &lt;ui-select-match placeholder="Choose an address"&gt;{{$select.selected.name}}&lt;/ui-select-match&gt;
                  &lt;ui-select-choices repeat="address in addresses track by $index" refresh-delay="0"&gt;
                      &lt;div ng-bind-html="address.a | highlight: $select.search"&gt;&lt;/div&gt;
                  &lt;/ui-select-choices&gt;
              &lt;/ui-select&gt;
              
              Selected: &lt;b&gt;{{ selAddress }}&lt;/b&gt;
          &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Any help would be much appreciated.
  Thanks in advance.</p>