Angular指令不适用于视图更改

Question

我已经在我的主容器上调整了大小，但是当我第一次登陆该页面时它会起作用，但是当我转到另一个页面然后返回该指令时无法加载。

这似乎与其他功能一起发生，我尝试了jquery方式，它仍然具有相同的效果。

 appControllers.directive('resize', function ($window) {


    return function (scope, element) {

        var w = angular.element($window);
        var bb = angular.element(document.querySelector( '#bh' ));

        scope.$watch( function() {
            return bb.outerHeight();

        }, function (newValue, oldValue) {  
             scope.topHeight = $(window).outerHeight() - bb.outerHeight() + 90;
            return scope.$apply();

        });

        bb.bind('resize', function () {
            scope.$apply();
        });
    }

});