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

前端之家收集整理的这篇文章主要介绍了angular 2/typescript:获取模板中的元素前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
有人知道如何获取在组件模板中定义的元素吗? 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;

        };

    }

}@H_403_5@ 
 

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

你可以通过注入到组件的构造函数中,通过ElementRef获取DOM元素的句柄:
constructor(myElement: ElementRef) { ... }@H_403_5@ 
 

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

原文链接:https://www.f2er.com/angularjs/147145.html

猜你在找的Angularjs相关文章