4

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>
4

3 に答える 3

9

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>

覚えて：

ディレクティブは要素に適用できますが、複数の ngCloak ディレクティブをページの小さな部分に適用して、ブラウザ ビューのプログレッシブ レンダリングを許可することをお勧めします。

于 2016-06-17T18:34:40.267 に答える
0

ここでは、DOM オブジェクトにまだ link 要素が含まれており、ng-if がページの読み込み後にのみ hide CSS 呼び出しを行っているため、リンクが表示されているように見えます。読み込まれたページの。

于 2018-01-07T17:33:39.610 に答える