@ ভিউচাইল্ড ব্যবহার করে একাধিক ভিউচিল্ডার অ্যাক্সেস করুন

Question 1

আমি একটি কাস্টম উপাদান তৈরি করেছি যা আমি লুপের জন্য যেমন স্থাপন করেছি

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

     <customcomponent></customcomponent>

</div>

যার আউটপুট হবে:

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

আমি জানতে চাই যে কীভাবে আমি এই উপাদানগুলির সংখ্যা পরিবর্তিত হতে পারে যখন @ ভিউচাইল্ড সিনট্যাক্স বা অন্য কোনও উপায় ব্যবহার করে এই উপাদানগুলির একটি রেফারেন্স পেতে পারি

যখন উপাদানটি একটি নাম দেওয়া যেতে পারে

<customcomponent #compID></customcomponent>

আমি এরপরে নীচে এটি উল্লেখ করতে পারি:

@ViewChild('compID') test: CustomComponent

উদাহরণস্বরূপ, কোনও সূচক সম্ভবত ব্যবহার না করে আমি কীভাবে এটি উল্লেখ করব?

(এই প্রশ্নটি নীচের তালিকাভুক্ত উত্তরগুলি আগে দেখা যেতে পারে এমন অন্যান্য প্রশ্নের মতো এলিমেন্টআরফ ব্যবহারের সাথে সম্পর্কিত নয়) এই প্রশ্নটি একাধিক @ ভিউচিল্ড অ্যাক্সেস করা এবং তালিকাগুলি প্রশ্নের ব্যবহার ব্যবহার সম্পর্কিত।

Question 2

উপাদানগুলির একটি রেফারেন্স পেতে @ViewChildrenথেকে ব্যবহার করুন@angular/core

টেমপ্লেট

<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.toArray());
}

সরাসরি নমুনা

Question 3

কোয়েরিলিস্টের সাথে মিলিত @ ভিউচিল্ড্রেন ডেকরেটার ব্যবহার করুন। এগুলি উভয়ই "@ কৌনিক / মূল" থেকে

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

প্রতিটি সন্তানের সাথে কিছু করা দেখে মনে হচ্ছে: this.customComponentChildren.forEach((child) => { child.stuff = 'y' })

Angular.io এ আরও ডকুমেন্টেশন রয়েছে, বিশেষত: https://angular.io/docs/ts/latest/cookbook/comp घटक-communication.html#!#sts=Pare%20call%20a%20VVChild