meaning - angularjs tutorial pdf




@Viewchild[डुप्लिकेट] का उपयोग करके कई व्यूहिल्ड्रेन तक पहुंचें (2)

QueryList के साथ संयुक्त @ViewChildren डेकोरेटर का उपयोग करें। ये दोनों "@ कोणीय / कोर" से हैं

@ViewChildren(CustomComponent) customComponentChildren: QueryList<CustomComponent>;

प्रत्येक बच्चे के साथ कुछ करना इस तरह दिखता है: this.customComponentChildren.forEach((child) => { child.stuff = 'y' })

आगे का दस्तावेजीकरण angular.io पर होना है, विशेष रूप से: https://angular.io/docs/ts/latest/cookbook/component-communication.html#!#sts=Parent%20calls%20a%20ViewChild #sts=Parent%20calls%20c%20ViewChild!

इस सवाल का पहले से ही यहाँ एक जवाब है:

मैंने एक कस्टम घटक बनाया है, जिसे मैंने एक लूप में रखा है

<div *ngFor="let view of views">

     <customcomponent></customcomponent>

</div>

जिसका उत्पादन होगा:

<customcomponent></customcomponent>
<customcomponent></customcomponent>
<customcomponent></customcomponent>

मैं जानना चाहूंगा कि कैसे मैं इन घटकों का संदर्भ प्राप्त कर सकता हूं @viewchild सिंटैक्स या किसी अन्य साधन का उपयोग करके जब इन घटकों की संख्या भिन्न हो सकती है

जब घटक को एक नाम दिया जा सकता है जैसे

<customcomponent #compID></customcomponent>

मैं इसे इस प्रकार संदर्भित कर सकता हूं:

@ViewChild('compID') test: CustomComponent

जब यह संभवत: सूचकांक का उपयोग कर रहा हो तो मैं इसका संदर्भ कैसे दूं?

(यह प्रश्न अन्य प्रश्नों के अनुसार एलीमेंटरीफ का उपयोग करने से संबंधित नहीं है जो पहले पूछे गए हैं जैसा कि नीचे सूचीबद्ध उत्तरों से देखा जा सकता है) यह प्रश्न एकाधिक @ViewChild तक पहुंचने और सूची प्रश्नों का उपयोग करने से संबंधित है।


घटकों का संदर्भ प्राप्त करने के लिए @angular/core से @angular/core @ViewChildren उपयोग करें

टेम्पलेट

<div *ngFor="let v of views">
    <customcomponent #cmp></customcomponent>
</div>

अंग

import { ViewChildren, QueryList } from '@angular/core';

/** Get handle on cmp tags in the template */
@ViewChildren('cmp') components:QueryList<CustomComponent>;

ngAfterViewInit(){
    // print array of CustomComponent objects
    console.log(this.components._results);
}

लाइव डेमो







angular