コンポーネント2の参照と角2の変数の定義方法

Question

CartクラスでquerySelector（）を使用する代わりに、コンポーネント "Cart"自体の参照を取得するにはどうすればよいですか？

また、クラスカートから変数#iにアクセスする方法はありますか？

@Component(
    selector: '[cart]', 
    templateUrl: 'cart.html') 
class Cart { 

    handling(){ 
     querySelector("div[cart]"); 
    } 
} 

<div cart> 
    <ul> 
     <li *ngFor="#i of items.values">{{i}}</li> 
    </ul> 
</div> 

Answer 1

@Component(
    selector: '[cart]', 
    templateUrl: 'cart.html') 
class Cart implements AfterViewInit { 
    // as mentioned by @Chandermani 
    ElementRef _element; 
    Cart(this._element); 

    @ViewChildren('myLi') ElementRef myLis; 
    // or for a single element or just the first one 
    // @ViewChild('myLi') ElementRef myLi; 

    ngAfterViewInit() { 
     // not initialized before `ngAfterViewInit()` 
     print(myLis); 
    } 

    handling(){ 
     querySelector("div[cart]"); 
    } 
} 

<div cart> 
    <ul> 
     <li #myLi *ngFor="let i of items.values">{{i}}</li> 
    </ul> 
</div>