如何在 Angular 中编写以下代码 [重复]

Question

function toggleActive() {
  let option = document.querySelectorAll("li.option");
  for (let i = 0; i < option.length; i++) {
    option[i].onclick = function() {
      for (let i = 0; i < option.length; i++) {
        if (option[i].classList.contains("active")) {
          option[i].classList.remove("active");
        }
      }
      option[i].classList.add("active");
    };
  }
}

我想在 Angular 中编写以上代码。在 Angular 中我如何编写 onclick 函数？

Answer 1

在 Angular 中编写 onClick 处理程序很简单，只需在模板中进行事件绑定即可，例如：(click)="doSomething"。

然而，事件绑定是 Angular 的核心概念之一，这就是为什么我认为你需要从头开始。

但是，如果您正在使用表单（单选按钮通常是其中的一部分），您可能会查看 Angular 的 FormsModule 或 ReactiveFormsModule

从学习“英雄之旅”教程开始：https://angular.io/tutorial

...或狂欢一些 Udemy 视频（等）。