Angular no puede tomar elementos HTML directamente por lo que necesita especificar el tipo de elemento vinculado.
Los componentes secundarios en la vista se pueden acceder desde el componente padre fácilmente con @ViewChild
1. Agregamos el decorador #miElemento
:
<div id="miElemento" #miElemento class="miElemento"> mi elemento </div>
2. en el componente agregamos la correspondencia:
import { ElementRef, ViewChild, AfterContentInit } from '@angular/core';
...
export class ExamplePage
{
@ViewChild( 'miElemento' ) miElemento: ElementRef;
ngAfterContentInit() {
console.log( this.miElemento);
console.log( this.miElemento.nativeElement.id );
}
...