Angular2 - 将类添加到具有特定 id 的元素

标签 angular

我想在 Angular 2 中向具有特定 id 的元素添加一个类。

在 JavaScript 中,这是如何完成的,但我不知道如何在 Angular2 中完成。

document.getElementById("MyElement").className += " active";

到目前为止,我有这个:

<div id="1" [class.active]="conditionIsHere">div 1</div>
<div id="2" [class.active]="conditionIsHere">div 2</div>

最佳答案

<div id="1" [class.active]="activeId == 1" (click)="activeId=1">div 1</div>
<div id="2" [class.active]="activeId == 2" (click)="activeId=2">div 2</div>
class MyComponent {
  activeId:number;
}

关于Angular2 - 将类添加到具有特定 id 的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38754720/

相关文章:

angular - 在 Angular 4 中使用渲染器

angular - 我们如何从 ionic 4 中的 app.component 获取当前页面?

html - Angular Kendo - 在 CSS 或 SCSS 中设置网格列宽

javascript - Angular 4 中 Promise 的实现错误

angular - 如何从单选按钮 Angular 获取检查值

javascript - 标题和侧边栏组件 Angular 6 中的功能共享

javascript - 使用延迟加载模块的路由不适用于参数

angular - 如何在 Angular 6 中的解析器服务中使用路由器导航?

javascript - Angular jwt 无效 token

javascript - Angular - router.navigate() 不重定向到目标页面