2016-09-09 5 views
11

AngularJS 1.xにはngCloakディレクティブがあります。これはAngular htmlテンプレートが生の(コンパイルされていない)フォームでブラウザによって短時間表示されないようにするために使用されます。angular2にはngCloakがあります

角度2には、このような生の(コンパイルされていない)フォームの表示を防ぐための指示や機能がありますか?

+1

[これは、(http://blog.thoughtram.io/angular/2016/10/10/resolving-route-data-in-angular-2.html)でなければなりません役に立った.. – refactor

答えて

12

Angular2のdesnは」ngCloak

代わりにあなたが?.演算子(オブジェクトとそれを使用)を使用することができますがあります。

あなたは(今のところ) * ngIfを使用することができます
{{user?.name}} 

AND/OR

<div *ngIf="name"> {{name}}</div> 
+1

恐ろしい。 '{{user?.name}}'は私のためのトリックでした:)ありがとう... –

2

2 Angular2でのコンパイルの種類、ジャストインタイム(JIT)があります。および 先行時間(AoT)。ジャストインタイムがデフォルトのコンパイルです。

JiTコンパイルは、実行時パフォーマンスのペナルティを招きます。ブラウザ内でのコンパイルのため、ビューのレンダリングに時間がかかります。 Angularコンパイラとアプリケーションが実際には必要としない多くのライブラリコードが含まれているため、アプリケーションが大きくなります。大きなアプリは送信に時間がかかり、読み込みが遅くなります。

AoTを使用すると、ブラウザはアプリケーションのコンパイル済みバージョンをダウンロードします。ブラウザは実行可能コードをロードするので、まずアプリケーションをコンパイルするのを待つことなく、アプリケーションをすぐにレンダリングできます。

Just-in-Timeコンパイルの代わりにAhead-of-Timeコンパイルを使用した場合、 という生の(コンパイルされていない)形式の表示を防ぐことができます。

Thisリンクは、より多くの情報を提供

関連する問題