javascript - 有条件地将 CSS 应用于 Aurelia 中的元素

Question

我有一个元素数组，我想将样式类应用于具有我的自定义名称的元素。

该样式不适用于任何元素。如何根据条件应用样式？

var items =["one","two","three"];

<li repeat.for="item of items" class="${item == 'one'? 'someclass':''}">${item}</li>

Answer 1

这是一个例子:https://gist.run?id=ed73adef9c634efbfc4dd109a68ec2c2

app.html

<template>
  <h1>${message}</h1>

  <ul ref="ul">
    <li repeat.for="item of items" class="${item == 'one' ? 'someclass' : ''}">
      ${item}
    </li>
  </ul>

  <h4>Resulting HTML:</h4>
  <pre><code>${debug}</code></pre>
</template>

app.js

export class App {
  message = 'Hello World!';
  items = ["one","two","three"];

  get debug() {
    return this.ul.outerHTML;
  }
}