jquery - 如何在 angular2 中使用添加类属性

Question

我的 AngularJS 2 代码有问题。我想通过 Angular2 应用此 CSS。

这里是我的 jquery 代码:

显示如何在 Angular 2 中使用此代码。我应该如何在 Angular 2 中使用属性添加类。

请帮助我。

Answer 1

不幸的是，到目前为止每个人都给你 Angular 答案。使用 Angular2 时，尽量不要使用 jQuery。极少数情况下应该直接使用 jQuery。

要有条件地将类添加到 DOM 元素，您需要向元素本身添加条件变量。

例如，如果您想要 <input id="username" class="username">有条件地拥有slide1类，您可以将输入元素更改为如下所示:

<input id="username" class="username [class.slide1]="myBoolean">

该 bool 值可以通过单击函数设置。要将点击事件添加到(例如)按钮，您需要 <input type="button" (click)="myFunction()"> 。然后，您可以在组件中定义一个名为 myFunction() 的函数。 myFunction()将设置this.myBoolean true 或 false，这将切换 Slide1 类。

参见here for how events (like click) in angular2 work和 here for conditionally adding styles .