javascript - 没有元素时从 Controller /指令运行简单的jQuery函数

Question

我正在使用一个名为Material-preloader的jQuery插件，该插件仅需要包括其css / js文件，然后实例化并调用其功能。不需要任何元素或类，它会在运行时神奇地显示在top of the page (demo)

我该如何从控制器或指令中调用“ on”和“ off”功能？我不确定在没有任何要处理的元素时如何工作。因此，无法使用ng-hide / ng-show / ng-if，因为没有任何内容可以附加到它们上。

例如

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插件转换为指令，然后就可以对其进行元素访问。