网站搜索

如何在 Angular 2 的 Typescript 中识别 HTML 元素


我有一个 div 元素,我需要找到该元素并对其应用一些逻辑,我怎么能在不使用 jQuery 或 JavaScript 的情况下识别该元素?

通常在 jQuery 中我们用 $ ('#elementID'),但在 TypeScript 中呢??

我尝试了以下方法

<div #myID></div>

在 ts 文件中

@ViewChild('myID') myDiv: any;

而当我使用

let element = this.myDiv.nativeElement

我正在直接获取我的 div,并且我不能再次对它应用任何操作,我必须重新编写

let element = $(this.myDiv.nativeElement)

对该元素应用任何更改

我尝试将其声明为 HTMLElement,而不是 any,以及其他方式。

有人能帮忙吗,如何找到一个元素并对其应用函数,就像我们在 jQuery 中所做的那样,而不使用 $

答案#1

在 Angular 2 中,我们使用函数或 $event 来提供逻辑。例如:

(click)="func()" 或 (ngModelChange)="func($event)"。