我正在使用 Angular Bootstrap 显示一个模态（here 提供的模态），它运行良好。然而，这个 Angular 扩展的默认行为是，当模态框关闭然后再次打开时，它会被重建（并且将创建其控制器的新实例）。
由于我在 Modal 内部进行了一些非常高级的操作，因此我希望在模态框关闭时将其隐藏，以便保持其状态。我搜索了一下，但不幸的是找不到简单有效的答案。
只是隐藏它是一个选项，但是当模态框关闭时必须发生这种情况，当它因为点击背景而关闭时也是如此。而且我想要与以正常方式打开模态时相同的动画。
【问题讨论】：
标签： javascript angularjs twitter-bootstrap
为什么不将模态状态抽象到它自己的服务中呢？这样，无论何时创建模态控制器，它都会使用该服务在初始化时设置视图状态。
例如。创建服务
.factory('ModalStateService', function(){
var state = {
someValue: 'something'
};
return {
getState: function() { return state; }
};
});
然后在你的控制器中：
.controller('ModalCtrl', function($scope, ModalStateService){
$scope.viewState = ModalStateService.getState();
});
然后在你的模态内容视图中例如：
<span>{{viewState.someValue}}</span>
如果您随后在模态框内设置someValue，例如通过输入，则服务状态将被更新。然后，当您创建和销毁您的模态框时，该状态将持续存在。
【讨论】：
您可能已经知道，当关联视图添加到 DOM 时，Angular 会初始化一个控制器。所以插件作者可能已经决定添加和删除视图元素，这样他就不必担心每次用户打开和关闭模式时清除“范围”。
例如，我们在modal中有一个登录框，如果没有清除范围，即使下次显示它也会保留填写的详细信息。
解决您的问题的一个简单方法是将原始模式包装在自定义指令中，然后对其进行渲染。只需更改自定义模式的显示属性即可显示和隐藏模式；）
【讨论】：