2017-07-12 3 views
6

どのようangular2のNG-テンプレートで使用される以下のキーワード

  • 角度2つのテンプレート内の暗黙の$の目的は何ですか?
  • letと$暗黙の関係は何ですか?

答えて

9

あなたはcreateEmbeddedViewを呼び出すことで、テンプレートを作成するときの角度、それはまた、コンテキストオブジェクトの意志でキー$implicitを使用してng-template

内部で使用されるコンテキストを渡すことができますlet-name

を通じてng-template上のローカル変数を定義することができます値をデフォルトに設定します。だから私たちが書く場合:

vcRef.createEmbeddedView(template, { $implicit: 'value' }) 

を、我々は、我々はそうfoovalue

に等しくなります

<ng-template let-foo="$implicit"> 
    {{ foo }} 
</ng-template> 

のようにそれについて考えることができますテンプレート

<ng-template let-foo> 
{{ foo }} 
</ng-template> 

を持っています一方

Plunker Example

は、我々は持っている場合のように、コンテキスト:

let-foo="bar" 
+0

おかげ@yurzui:我々は次のように変数を宣言する必要が

{ bar: 'value' } 

。 –

+0

複数の変数を宣言して使用する方法はありますか? –

+0

@MantuNigam https://plnkr.co/edit/RUu7hWAcMUZkjcFK1QKy?p=preview – yurzui

関連する問題