CAD対策！問題解説23

ServiceNow Certified Application Developer (CAD) 対策の模擬問題です。
その他、CAD対策記事はこちらのマガジンにまとめています。

【ServiceNow】CAD対策｜みくり@SN学習｜note

CAD対策の1問目は以下です。

問題

サービス ポータルでページの読み込み時にソリューション承認ウィジェットを条件付きにするにはどうすればよいですか?

A.ngShowを使用する
B.ng-if の使用
C.ngAppを使用する

解答

B

解説

サービスポータルでページ読み込み時に特定の条件に基づいてウィジェットを表示または非表示にするには、ng-ifやng-showを使用する方法があります。

ng-if と ng-show(ng-hide) の違い:
ng-show (およびその兄弟 ng-hide) は、CSS スタイルを追加して要素の外観を切り替えます display: none 。
ng-if一方、 は、 条件が のときに実際に要素を DOM から 削除し false 、条件が に変わったときにのみ要素を再度追加します true。
ng-showはより多くの時間を費やすので、ng-ifを使用するのがベストプラクティスです。

ーー原文ーー
Differences between ng-if and ng-show(ng-hide):
ng-show (and its sibling ng-hide) toggle the appearance of the element by adding the CSS display: none style.
ng-if, on the other hand, actually removes the element from the DOM when the condition is false and only adds the element back once the condition turns true.
The best practice is to use ng-if because ng-show spends more time

How to use "ng-if" to show a widget on a record producer in Service Portal?

A.ngShowを使用する

「ng-show」でないかつ、ng-ifを使用するのがベストプラクティスとあるため誤りとしました。
「ng-show」は指定した条件が真の場合に要素を表示し、偽の場合に要素を非表示にします。ただし、要素自体はDOMに残り、CSSのdisplay: none;スタイルが適用されるだけです。

B.ng-ifの使用

ng-ifは、指定した条件が真の場合にのみ要素をDOMに追加します。条件が偽の場合、要素はDOMから完全に削除されます。これにより、不要な要素がDOMに存在しないため、パフォーマンスの向上が期待できます。

分野

アプリケーションユーザーインターフェース