如何訪問子元素標籤ID

Question

我有以下設置：

<parent> 
    <a (click)="getChildId(childId)"> 
    <child somethingRequired></child> 
</parent> 

而子模板文件：

<template #childId></template> 

能否請您指導我會是怎樣得到的最好的方法#childId並將其傳遞給getChildId函數。

感謝

Answer 1

簡單的答案是使用ViewChild API在ChildComponent和#localVariable在ParentCompnent，如下所示，

DEMO：https://plnkr.co/edit/V8srD4WnlowP8UACNIpI?p=preview

孩子

<input #childId> 

export class child { 
    @ViewChild('childId') childId:ElementRef; 
} 

父

<a (click)="writeValue(has.childId)">GrabValue</a><br> 
         //<<===has variable has an ability to access variables and methods of child component 
<child #has></child>        
     //<<===has is a local variable which can access variables and methods of child component 



export class AppComponent { 
    source='images/angular.png'; 
    writeValue(value){ 
    console.log('parent writeValue'); 
    console.log(value.nativeElement.value); 
    } 
}