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

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) {     // ...   }}