घटक

Question

का बच्चा तत्व प्राप्त करें यह अपेक्षाकृत सरल चीज़ की तरह लगता है, लेकिन मैं इसके लिए प्रलेखन का पता लगाने में असमर्थ हूं। मेरे पास एक कोणीय 2 निर्देश है जिसे किसी घटक के बाल तत्व तक पहुंचने की आवश्यकता है। उदाहरण के लिए मेरे पास है:

<ion-input> 
    <input> 
    <button></button> 
</ion-input> 

मेरी ElementRef.nativeElement रूप

और मैं इनपुट तत्व के लिए एक संदर्भ पाने के लिए की जरूरत है। मैं उसे कैसे कर सकता हूँ? साथ ही, यह निर्देश किसी तृतीय-पक्ष घटक पर जा रहा है, इसलिए मैं टेम्पलेट को संपादित करने या elementRefs जोड़ने में सक्षम नहीं हूं।

Answer 1

यदि आपके पास elementRef है तो वहां से आप सामान्य DOM विधियों का उपयोग कर सकते हैं, उदाहरण के लिए Element.querySelector। आपको शायद यह भी ngOnInit हुक में यह करने के लिए चाहते हो जाएगा:

ngOnInit() { 
    let input = elementRef.nativeElement.querySelector('input') 
} 

Answer 2

आप @ViewChild डेकोरेटर का उपयोग करना चाहिए।

सबसे पहले, उस बच्चे तत्व पर एक आईडी जोड़ें जिसे आप पुनर्प्राप्त करना चाहते हैं।

<ion-input> 
    <input #input> 
    <button></button> 
</ion-input> 

फिर इसे अपने घटक में पुनर्प्राप्त करें।

import { Component, ViewChild, ElementRef, OnInit } from "@angular/core" 
@Component({ 
    selector: "my-component", 
    template: ` 
    <ion-input> 
     <input #input> 
     <button></button> 
    </ion-input>` 
}) 
export class MyComponent implements OnInit { 
    @ViewChild("input") inputChild: ElementRef; 

    ngOnInit() { 
    haveFunWith(inputChild); 
    } 
} 

अधिक यहाँ जानकारी: https://angular.io/docs/ts/latest/api/core/index/ViewChild-decorator.html