angular html清除元素,使用AngularJS删除DOM元素

我正在尝试根据当前位置路径删除导航栏.

这是我到目前为止：

angular.module('myModule')

.controller('MainController', function ($location, $document) {

if ($location.path().indexOf('resetpass') > -1) {

var navbar = angular.element($document.querySelector(".top-navbar"));

navbar.remove();

}

});

通过这种方法,控制台说：

angular.js:14110 TypeError: $document.querySelector is not a function

at new (main.controller.js:6)

at Object.invoke (angular.js:4762)

at $controllerInit (angular.js:10518)

at nodeLinkFn (angular.js:9416)

at compositeLinkFn (angular.js:8757)

at compositeLinkFn (angular.js:8760)

at publicLinkFn (angular.js:8637)

at angular.js:1808

at Scope.$eval (angular.js:17913)

at Scope.$apply (angular.js:18013)

我究竟做错了什么？