【问题标题】:How to get active class name of a button, in angular (2+)?如何以角度(2+)获取按钮的活动类名?
【发布时间】:2021-04-14 00:01:32
【问题描述】:

我需要获取此按钮的活动类名 A) 提交响应式表单 B) 当这个按钮被点击时

HTML

 <button
  type="button"
  [className]=" condition ? 'classA' : 'classB'
  (click) = "buttonClicked($event)"
>
</button>

TS

buttonClicked(event: Event) {
  console.log(event);
  //get class active class name here i.e. classA or classB
}

【问题讨论】:

  • event.target.classList
  • @enno.void 出现错误 - 类型“EventTarget”上不存在属性“classList”。
  • Typescript 只是抱怨。将其转换为 HTMLElement
  • @enno.void 谢谢,但是如何获取表单提交按钮上的类值?
  • 您也可以将“条件”(click)="buttonClicked($event,condition)"作为函数的参数传递给

标签: javascript html css angular typescript


【解决方案1】:

类在视图中由condition ? 'classA' : 'classB' 条件设置。因此,您只需写const classApplied = this.condition ? 'classA' : 'classB'就可以知道在您的TS代码中应用了哪个类。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-07-20
    • 2019-03-21
    • 2023-04-07
    • 2017-10-14
    • 2017-11-28
    相关资源
    最近更新 更多