角2 - HTMLのtypescript objへの参照を取得

Question

Angular 2アプリのコンポーネントの内部に、自分のHTML内にオブジェクトを分離するスコープがあるかどうか（私は正しい専門用語であると信じています）同様の

<div *let person = myObj.nestedObj1.nestedObj2.nestedObj3"> // THIS PART!! 
    <h2>{{person.name}}</h2> 
    <ul> 
     <li>{{person.height}}</li> 
     <li>{{person.birthday}}</li> 
     <li>{{person.position}}</li> 
    </ul> 
</div> 

方法とする：私はの線に沿って何かを言うのとにかくそこにある私のコンポーネントHTMLで

private myObj = { 
    nestedObj1: { 
    nestedObj2: { 
     nestedObj3: { 
     name: 'George', 
     height: '72 inches', 
     birthday: 'February 31', 
     position: 'Engineer', 
     favNums: [1, 2, 3, 10, 20] 
     } 
    } 
    } 
}; 

：たとえば、私はこれが私のコンポーネントのTSファイルでobjを持って言うことができますあなたが行うことができますngForループ：

<div *ngFor="let num of myObj.nestedObj1.nestedObj2.nestedObj3.favNums"> 
    <p>{{ num }}</p> 
</div> 

は、任意の洞察力が高く評価されています。

Answer 1

角度2 コンポーネントを使用する必要があります。これは常に分離スコープです。

コンポーネントのテンプレートとしてhtmlを入れ、myObjをコンポーネントの有効範囲の一部として保存するだけです。応答のための

Here is the documentation

And here is a tutorial for creating one