Bootstrap中的模态框遇到点击选项跳转后模态框不显示的问题

今天做页面的时候，用模态框遇到的问题：
由于angular不同的部分有不同的controller ，所以跳转的时候如果还有其它动作，一定要注意操作的先后顺序。
比如这个模态框，如果没有外面这一层代码，模态框的遮罩层就不会关闭，然后就跳转了。加上这一层，就OK了。
其中，hidden.bs.modal表示在模态框隐藏之后处理的动作。

$('#mymodal-data1').on('hidden.bs.modal', function (e) {
    $state.go("header.answer");
}); 

模态弹出窗还支持四种类型的事件总结如下：
分别是模态弹出窗的弹出前、弹出后，关闭前、关闭后，
show.bs.modal

在show方法调用时立即触发（尚未显示之前）；如果单击了一个元素，那么该元素将作为事件的relatedTarget属性

shown.bs.modal

该事件在模态弹出窗完全显示给用户之后（并且等CSS动画完成之后）触发；如果单击了一个元素，那么该元素将作为事件的relatedTarget事件

hide.bs.modal

在hide方法调用时（但还未关闭隐藏）立即触发

hidden.bs.modal

该事件在模态弹出窗完全隐藏之后（并且CSS动画漂完成之后）触发