angularjs - ng-if 导致链接显示一秒钟然后消失。如何防止显示

Question

ng-if 有时会导致我页面上的链接在加载时显示，然后消失。

该链接根本不应该显示，我假设 ng-if 语句在我能够看到它的第二秒内还没有被处理。

有没有办法完全阻止链接或元素显示？

我还猜测 currentClass 对象尚未加载，因此 ng-if 无法评估，但我试图将其默认为隐藏，直到 ng-if 可以解析为止。

<span ng-if="isFaculty && !currentClass.courseInformation.IsCustomCourse">
<a ng-href="{{$window.BasePath}}lms/class/{{$stateParams.classid}}/instructorguide/download">
<span class="cec-msword-icon"></span>Download Instructor Guide</a> 
<span>| </span>
</span>

Answer 1

使用 ng-cloak .它是这样的:

CSS:

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

HTML:

<div ng-cloak> ... </div>

在您的情况下，它将是:

<span ng-cloak ng-if="isFaculty && !currentClass.courseInformation.IsCustomCourse">
<a ng-href="{{$window.BasePath}}lms/class/{{$stateParams.classid}}/instructorguide/download">
<span class="cec-msword-icon"></span>Download Instructor Guide</a> 
<span>| </span>
</span>

记住:

The directive can be applied to the element, but the preferred usage is to apply multiple ngCloak directives to small portions of the page to permit progressive rendering of the browser view.