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

角度的 TypeScript

蛋蛋猿

2020-05-25

有人知道如何掌握组件模板中定义的元素吗？使用$和可以使Polymer变得非常容易$$。

我只是想知道如何在Angular中进行操作。

从教程中获取示例：

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元素的引用？

第4168篇《如何在组件模板中选择元素？》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共1个回答
宝儿 2020.05.25

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

constructor(myElement: ElementRef) { ... }

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

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android