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 视频（等）。

如何在 Angular 中编写以下代码

1 个答案: