I'm working on an app that uses AngularJS and Bootstrap. I am trying to show and hide a dialog from my controller using Bootstrap UI. For some reason, when I try to open the dialog, I just see a blackened screen. However, the dialog never appears.

[**My Plunker is here**](http://plnkr.co/edit/RqTLMP4McpEDlp7cAThh?p=preview)

In that plunker, you can see that I have:

```
var modalInstance = $modal.open({
  templateUrl: 'item-dialog.html',
  size: 'sm'
});

modalInstance.result.then(
  function (res) {
    console.log('here');
  },
  function (err) {
    $log.info('Modal dismissed at: ' + new Date());
  }
);

```

Which looks correct to me. Why is only a black screen appearing? Thank you!