angular - Nativescript Angular 2 - 单击时将类添加到标签

Question

我想在我的 nativescript angular 2 应用程序中实现一个点赞按钮(比如 instagram、twitter 等)。单击标签应将“事件”类添加到标签中。再次点击后，它应该会移除“active”类。

home.component.html

<label text="{{ post.likes }}" class="" (tap)="like()">

home.component.html(点击标签后)

<label text="{{ post.likes }}" class="active" (tap)="like()>

home.component.ts

like() {
    if (/* post contains "active" class */) {
        // remove "active" class to label
    } else {
        // add "active" class to label
    }
}

Answer 1

您需要使用 ngClass在这里。

<Label text="{{ post.likes }}" [ngClass]="liked ? 'active' : ''" (tap)="like()></Label>

在你的 home.component.ts 中

like() {
//toggle this.liked here.
}