So erhalten Sie Referenz der Komponente selbst und definierte Variable in Angular 2

Question

Wie erhalten Sie eine Referenz der Komponente "Cart" selbst anstelle von querySelector() in der Klasse Warenkorb?

Auch ich möchte wissen, gibt es sowieso den Zugriff auf die Variable #i aus der Klasse Warenkorb?

@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>