如何在我的 Aurelia HTML 中显示与数组不同的对象？

Question

大家下午好，

Aurelia 的新手，当我点击我的 link

时，我在绑定另一张要显示的卡片时遇到了一些问题

我们正在使用 Aurelia。

这是我的html。

 <div repeat.for="card of cards" class="dilemmacards-detail">  
    <p repeat.for="paragraph of card.textSituation" model.bind="paragraph">${paragraph}</p>
 </div>
<div click.trigger="getRandomCard()">Random card</div>

当然，出于阅读目的，我已将其剥皮。

这是用来填卡的。

 public activate(args?: IDilemmaCardsArguments): void {
    const RADIX: number = 10;
    const id: number = parseInt(((args as IDilemmaCardsArguments).id as string), RADIX);
    this.cards = this._dillemaCardManager.getCardsByDeckId(id);
    this.logo = this._dillemaCardManager.getLogoByDeckId(id);

  }

我在 html 中有一个 link，它生成一个随机数，在那里得到一张不同的卡。

public getRandomCard()
{
   card = this.cards[Math.floor(Math.random() * this.cards.length)];
  //ToDO perhaps eventually return a different card 
}

我的问题：

1。我是否必须重构它并让它 return 一张卡片（换句话说，例如删除数组）。

2。解决此问题的最佳方法是什么？

谢谢。

Answer 1

我决定去掉阵列，只用一张卡。有效并且代码更少。

如何在我的 Aurelia HTML 中显示与数组不同的对象？

How to show a different object from array in my Aurelia HTML?

data-binding

binding

typescript

aurelia