当没有元素时，从controller / directive运行简单的jQuery函数

Question

我正在使用名为Material-preloader的jQuery插件，它只需要包含其css / js文件，然后实例化并调用其函数。不需要任何元素或类，并且它在top of the page (demo)

的运行时期间神奇地出现

如何从我的控制器或指令中调用'on'和'off'函数？我不确定当我没有任何元素可以使用时它会如何工作。因此，使用ng-hide / ng-show / ng-if是不可能的，因为没有任何东西可以将它们附加到。

e.g。

function LoadingCtrl($scope, $rootScope, uiCalendarConfig, $timeout) {
    $rootScope.$on('pageLoaded', function() {
        // turn off the preloader here
    });
}

实例化它是这样的：

<script type="text/javascript">

  //settings
 preloader = new $.materialPreloader({
        position: 'top',
        height: '5px',
        col_1: '#159756',
        col_2: '#da4733',
        col_3: '#3b78e7',
        col_4: '#fdba2c',
        fadeIn: 200,
        fadeOut: 200
    });

// turn it on
preloader.on();

// turn it off
 preloader.off();

</script>

Answer 1

将该jquery插件转换为指令，然后您将拥有对它的元素访问权。