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

标签 angular typescript

我有一个 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 而不是任何其他方式。

谁能帮忙,如何在不使用 $

的情况下找到一个元素,就像我们在 jquery 中所做的那样在其上应用函数

最佳答案

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

(click)="func()" or (ngModelChange)="func($event)".

关于angular - 如何在 Angular 2 中识别 Typescript 中的 HTML 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41262278/

相关文章:

Angular 8 PWA 应用程序将服务器发送的事件永远置于挂起状态

javascript - 无法对未安装的组件执行 React 状态更新

angular - 在 Angular react 形式验证器中使用 google-libphonenumber

使用 Angular 进行 AJAX 更新

typescript - 如何将 SockJS 添加到 Angular 2 项目中?

javascript - 如何用键盘事件模拟悬停

javascript - Typescript 找到具有最大值的变量

带有 Webpack 的 Angular CLI - 如何在项目中包含全局 SCSS?

javascript - 如何在 TypeScript 中使用包含的 Axios 类型定义进行依赖注入(inject)

javascript - 在 GAS Web 编辑器中输入符号