如何在组件模板中选择元素？

Question

如何在组件模板中选择元素？有人知道如何获取组件模板中定义的元素吗？聚合物使它变得非常容易。$和$$.我只是想知道怎么用角度来处理。以本教程中的示例为例：import {Component} from '@angular/core'@Component({     selector:'display'     template:`      <input #myname(input)="updateName(myname.value)"/>      <p>My name : {{myName}}</p>     `})export class DisplayComponent {     myName: string = "Aman";     updateName(input: String) {         this.myName = input;     }}如何获取p或input元素是否来自类定义中的元素？

Answer 1

import { Component, ElementRef, OnInit } from '@angular/core';@Component({
  selector:'display',
  template:`
   <input (input)="updateName($event.target.value)">
   <p> My name : {{ myName }}</p>
  `})class DisplayComponent implements OnInit {
  constructor(public element: ElementRef) {
    this.element.nativeElement // <- your direct element reference 
  }
  ngOnInit() {
    var el = this.element.nativeElement;
    console.log(el);
  }
  updateName(value) {
    // ...
  }}