url变化的时候，modal框没有消失

使用angularjs和bootstrap中。如果url变化，modal框不会主动消失，因此，使用directive来控制。

.directive('discardModal', ['$rootScope', '$modalStack',
	    function($rootScope, $modalStack) {
	        return {
	            restrict: 'A',
	            link: function() {
	                /**
	                * If you are using ui-router, use $stateChangeStart method otherwise use $locationChangeStart
	                 * StateChangeStart will trigger as soon as the user clicks browser back button or keyboard backspace and modal will be removed from modal stack
	                 */ 
	                
	                $rootScope.$on('$locationChangeStart', function (event) {
	                    var top = $modalStack.getTop();
	                    if (top) {
	                        $modalStack.dismiss(top.key);
	                    }
	                });
	            }
	        };
	    }
 ]);    

html代码

<div class="add-config-modal" discard-modal>
//modal内容		
</div>