Условно применять CSS к элементу в Аурелии

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;
  }
}