मेरे पास एक साझा घटक है जिसका मैं इस तरह उपयोग करूंगा https://stackblitz.com/edit/angular -ivy-nveufn

मैं एक लूप के साथ घटक को क्लोन नहीं करूंगा, मैं इसे html फ़ाइल में आवश्यकतानुसार एक दूसरे के बगल में चिपकाऊंगा। क्या साझा घटक के लिए यह जानने का कोई तरीका है कि यह किस नोड की अनुक्रमणिका संख्या है, इसके मूल कंटेनर में लूप किए बिना?

0
threezerothree 24 अक्टूबर 2020, 03:52

1 उत्तर

सबसे बढ़िया उत्तर

आप टेम्पलेट संदर्भ चर और ViewChild। वहां से आप स्थिति प्राप्त करने के लिए बच्चे के नोड्स के सूचकांक की जांच कर सकते हैं।

<div #thing>
   <div>hello</div>
   <div>world</div>
   <div>2.0</div>
</div>


import { Component, ElementRef, OnInit, ViewChild } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {

  title = 'myproject';
  @ViewChild('thing',{ static: true }) thing: ElementRef;
  ngAfterContentInit(): void {
    let a = this.thing.nativeElement.childNodes;
  }
}
1
dvalentine314 24 अक्टूबर 2020, 01:48