使用引导UI从AngularJS显示和隐藏对话框

我正在开发一个使用AngularJS和Bootstrap的应用程序。我正在尝试使用引导UI显示和隐藏控制器的对话框。由于某种原因，当我试图打开对话框时，我只看到一个变黑的屏幕。但是，该对话框从未出现

在那本书中，你可以看到我：

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());
  }
);

---

在我看来这是正确的。为什么只有黑屏出现？谢谢大家!

Bootstrap UI指令只需要模态的内容作为模板。 您只需删除包装标签，它将按预期显示：

<div id="scoopModal" class="modal fade">
  <div class="modal-dialog">
    <div class="modal-content">...</div></div></div>

你好，普朗克！
新项目
×闭合
新勺
类型
其他
产品
服务
正文
接近
储蓄勺

要关闭模式，只需添加如下控制器：

var modalInstance = $modal.open({
    templateUrl: 'item-dialog.html',
    size: 'sm',
    controller:function($scope, $modalInstance){
        $scope.saveItem=function(){
             $modalInstance.close(); 
        };
    }
});

---

谢谢分享。如何从MyController关闭对话框？当我遵循这个示例时，当我尝试注入

$modalInstance

时，我得到一个模块加载错误。非常感谢您分享您的知识。