文章/答案/技术大牛

发布

社区首页 >问答首页 >angular2简单addClass (jquery风格)？

问angular2简单addClass (jquery风格)？
EN

Stack Overflow用户

提问于 2019-10-04 16:21:37

回答 2查看 24关注 0票数 1

我一直在为一件最简单的事情而挣扎。当我单击一个<div>时，我需要向一个button中添加一个类。我已经在网上和stackoverflow上找了几个小时了，我能找到的就是一些过于复杂的ngFor示例，我不能(也不能)解构它来满足我的需求。

我希望在angular2/typescript中实现像这样简单的东西(jquery)：

 $(".button").click(function() {  
    $(".element").addClass("active");      
  });

我有一个组件文件夹，里面有常见的html、scss和ts文件。这个函数不需要是全局的，也不需要任何奇怪的东西。

我不敢相信像这样简单的事情怎么会在现代框架中变得如此复杂。

任何帮助都是非常感谢的！

jquery

angular

typescript

回答 2

Stack Overflow用户

回答已采纳

发布于 2019-10-04 16:25:21

这很简单。您需要像这样使用ngClass：

<button (click)="isActive = true">Your button</button>
<div class="element" [ngClass]="{'active': isActive}"

https://angular.io/api/common/NgClass

票数 2

Stack Overflow用户

发布于 2019-10-04 16:26:46

这一点都不复杂:你只是不知道去哪里找/找什么。

第一个解决方案：

<div [class.myClass]="isClicked"></div>
<button (click)="isClicked = true">Click me</button>

第二种解决方案

<div #myDiv></div>
<button (click)="myDiv.className='myClass'">Click me</button>

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/58232508

复制

相似问题

问angular2简单addClass (jquery风格)？
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问angular2简单addClass (jquery风格)？EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问angular2简单addClass (jquery风格)？
EN