Javascript 使用带有块ui和routeProvider的AngularJS,页面显示;“正在加载…”;页面加载完成后

Javascript 使用带有块ui和routeProvider的AngularJS,页面显示;“正在加载…”;页面加载完成后,javascript,angularjs,route-provider,Javascript,Angularjs,Route Provider,这是我第一次在angular js中使用routeProvider。到目前为止,该项目有两个页面:home和user。这两个页面都完全加载并正确地与其控制器交互。但是,文本“加载…”显示在两页的底部 [注:我之前曾报告,“加载…”文本仅出现在其中一页上。但实际上它出现在两页上。] 当然,页面上有“加载…”是完全不能接受的,但我不知道为什么会有。以下是angular已插入页面的HTML: <div block-ui-container="" class="block-ui-container

这是我第一次在angular js中使用routeProvider。到目前为止,该项目有两个页面:
home
user
。这两个页面都完全加载并正确地与其控制器交互。但是,文本“加载…”显示在两页的底部

[注:我之前曾报告,“加载…”文本仅出现在其中一页上。但实际上它出现在两页上。]

当然,页面上有“加载…”是完全不能接受的,但我不知道为什么会有。以下是angular已插入页面的HTML:

<div block-ui-container="" class="block-ui-container ng-scope">
  <div class="block-ui-overlay"></div>
  <div class="block-ui-message-container" aria-live="assertive" aria-atomic="true">
    <div class="block-ui-message ng-binding" ng-class="$_blockUiMessageClass">Loading ...</div>
  </div>
</div>

我的控制器是否应该使用某种信号机制来清除这个字符串?

在这里回答我自己的问题,这与其说是一个真正的答案,不如说是一个解决办法。我仍然希望知道解决这个问题的正确方法

我用一个包含角块ui的模板开始了这个项目(请参见)。当路由提供程序加载模板时,似乎正在幕后调用此块ui(请参见上面的原始路由提供程序代码)。我不是100%确定,因为“加载…”消息实际上并没有阻止任何内容,但这是我在加载模板时可能会看到的默认阻止消息。调用不在我的控制范围内(据我所知),因此如果没有调试进入angular js代码(不,谢谢!),就不清楚发生了什么或为什么

angular block ui网站表示可以通过以下调用停止阻塞:

blockUI.stop();
我将此代码添加到我的控制器中,但没有任何效果

所以解决方法是,我在项目的css文件中添加了一个指令,以隐藏如下消息:

.block-ui-overlay + .block-ui-message-container {
  display:none;
}
显然,这是一个黑客,但它简单有效

.block-ui-overlay + .block-ui-message-container {
  display:none;
}