在Stencil.js中使用ngclass

Question

以下是Angular 2中的代码。有人可以解释如何在Stencil.js中使用ngclass。

我创建的组件是Angular2。现在尝试在Stenciljs中重新创建相同的内容：

<div class="inner_holder" [ngClass]="isSelected(day)">
  <div class="col day">{{day.month}}</div>
     <div class="col date">
       <span>{{day.date}}</span>
     </div>
</div>    

TypeScript代码：

isSelected(day) {
  return (day.fullDay === this.selectedDay) ? "active" : "";
 }

Answer 1

您还可以使用以下语法：

sum(J(:) == 128)

Answer 2

我不使用ngClass，而是使用className或类变量，并为其添加一些jsx语法。例如，如果您想根据其活动设置按钮的样式，那么

 <button onClick={() => this.doSomething()}
  class={ 'vote' +  (this.isActive === -1 ? ' active' : ' inactive') }>

当变量isActive返回true时，这将使类“活动”。