angular 2/typescript：获取模板中的元素

发布时间：2020-12-17 09:13:26 所属栏目：安全来源：网络整理

导读：有人知道如何获取在组件模板中定义的元素吗？ Polymer使它很容易与$和$$。我只是想知道如何去在Angular 2。以教程中的示例为例： /** * Created by amgu on 9/14/2015. */import {Component} from '@angular/core'@Component({ selector:'display' templat

有人知道如何获取在组件模板中定义的元素吗？ Polymer使它很容易与$和$$。
我只是想知道如何去在Angular 2。

以教程中的示例为例：

/**
 * Created by amgu on 9/14/2015.
 */
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;
    updateName: Function;
    constructor(){

        this.myName = "Aman";
        this.updateName = function(input: String){

            this.myName = input;

        };

    }

}

如何从类定义中捕获’P’或’input’元素的引用？

你可以通过注入到组件的构造函数中，通过ElementRef获取DOM元素的句柄：

constructor(myElement: ElementRef) { ... }

文件：https://angular.io/docs/ts/latest/api/core/index/ElementRef-class.html

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!