对于$("有什么等价的吗？类”)。单击()；在打字稿里？

Question

我在角度使用日期范围选择器。

<button type="button" class="btn btn-danger daterange-ranges">
<i class="icon-calendar22 position-left"></i> <span></span> 
<b class="caret"></b>
</button>

当我点击这个按钮时，我得到下拉菜单，用一个Apply按钮选择日期范围，这个按钮有一个类“applyBtn”。

在 JQuery 中有一个选项 $（“.class”）.click（）; 来获取 onclick 函数。我不能写（点击）=“getdateRange（）”。在打字稿中是否有$（“.class”）.click（）的等价物？

我想要这样的东西，

$（". ApplyBtn"）。点击（函数（）{警报（"按钮被点击."); });




Answer 1

正如我在标签中看到的，您使用的是Angular。在Angular中使用jQuery不是一个好主意，因为它有自己的好工具。

要制作点击处理程序，您需要执行以下操作

<anyTag (click)="clickHandler($event)"></anyTag>

然后在接下来的组件粘贴中：

public clickHandler(event) {
  //do whatever you want
}

如果你想知道$event传递了什么，欢迎你 angular.io API

另外，如果你想重用它，你需要让它成为一个额外的组件，比如＜code＞date-picker.component。ts并粘贴到那里。然后，您可以通过[date]=“date”将表单的值传递到创建的组件中，并在组件@Input（）date中检索表单的值 。

您还可以通过以下方式向父级发出值

@Output() emitter = new EventEmitter();

public emitValue(): void {
  this.emitter.emit(value);
}

并在父组件中获取发出的值

父组件. ts

public handleEmit(event) {
  //do something
}

Answer 2

匿名用户

您可以使用纯javascript并执行此操作

    document.querySelector('.applyBtn').addEventListener('click', () => {
       alert("The button was clicked.");
    });

它将做与< code>$("相同的事情。applyBtn”)。单击()； JQuery中