कोणीय * ngFor

Question

के साथ 2 टेम्पलेट संदर्भ चर मैं दो घटक है: सूची और विस्तार

सूची घटक में मैं कई विस्तार घटकों प्रस्तुत करना चाहते हैं।

list.component.ts

@Component({ 
    selector: 'detail', 
    templateUrl: './detail.component.html' 
}) 
export class DetailComponent { 
    @ViewChild('details') details; 

    public items = { 
     // ... 
    } 
} 

list.component.html

<detail *ngFor="let item of items" #details></detail> 

सूचना #details tempalte संदर्भ चर। मैं सभी विस्तार घटकों तक पहुंचना चाहता हूं। # विवरण एक सरणी को बदलना संभव है?

Answer 1

@ViewChildren('details') details:QueryList<DetailComponent>; 

ngAfterViewInit() { 
    console.log(this.details.toArray()); 
    this.details.changes.subscribe(changes => { 
    console.log(this.details.toArray()); 
    }); 
} 

भी देखें angular 2/typescript : get hold of an element in the template