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

Question

大家下午，

Aurelia的新手，在单击链接时显示另一张卡时遇到麻烦

我们正在使用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中有一个链接，该链接生成一个随机数，在那里得到一张不同的卡。

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

我的问题：

1。我是否需要重构它，让它返回一张卡（例如，删除阵列）。

2。最好的方法是什么？

谢谢。

Answer 1

我决定删除阵列，只使用一张卡。可行，并且代码更少。