BlockUI第一次无法在JS加载上工作

Question

我在http请求上使用BlockUI，我将其包含在一个函数中，该函数在JS加载时自动获得调用。但是blockUI在第一次加载JS时不起作用，当我单击按钮时调用该函数时，它正在起作用。

在单击按钮时效果很好，我已经包含了所有依赖项。

app.js : 
var app= angular.module('app', [ 'ngAnimate', 'ui.bootstrap', 
'angular-bootstrap-select', 'angular-table', 'ui.bootstrap.datetimepicker', 
'angular-confirm', 'obDateRangePicker', 'nvd3', 'blockUI', 
'cgPrompt']).config(function($locationProvider, 
$httpProvider,blockUIConfig) {

blockUIConfig.autoBlock = false;/// to avoid auto block UI on requests
}); 

JS : 
$scope.analyseReport = function(aggr, drillDown, xlExport, viewReport)
{
blockUI.instances.get('abc').start("Loading...");
http request.......
Request successful.......
blockUI.instances.get('abc').stop();
}

$scope.analyseReport(false,false,false,false);

JSP : 
<div class="table-container"  block-ui="abc">

我想在第一次JS加载本身时阻止UI。请帮忙。