Javascript 如何使用Aurelia绑定到repeat.for中的对象

我目前正在尝试创建一个具有可绑定属性的自定义元素，并将该属性绑定到repeat.for循环的变量。这似乎应该是一个简单的任务，但我无法让它工作，我想知道它是否可能与作为对象的变量有关。我的自定义元素的代码如下所示：

<template>
  <require from="./game-card"></require>
  <div>
    <div class="row">
      <div repeat.for="game of games">
        <game-card class="col s6 m4 l3" gameData.bind="game" name.bind="game.name"></game-card>
      </div>
    </div>
  </div>
</template>

游戏卡.js

游戏卡.html

---

现在，当我运行代码时，game-card.js绑定方法中的console.log语句打印出gameData的未定义，但打印出

console.log（'name:'+this.name）

语句的正确游戏名称。当我绑定到游戏对象的一个属性时，我不明白为什么绑定会起作用，但当我绑定到游戏对象本身时却不起作用。任何帮助都将不胜感激，非常感谢

您必须编写

游戏数据。绑定

而不是

游戏数据。绑定

。从第一眼看，这应该是唯一的问题了。非常感谢你！

<template>
  <div class="card medium">
    <h3 class="center-align left">${gameData.name}</h3>
    <div class="right-align right">${gameData.isPublic}</div>
  </div>
</template>

<template>
  <require from="./game-card"></require>
  <div>
    <div class="row">
      <div repeat.for="game of games">
        <game-card class="col s6 m4 l3" gameData.bind="game" name.bind="game.name"></game-card>
      </div>
    </div>
  </div>
</template>

[{name: 'SomeName', isPublic: true}, {name: 'AnotherName', isPublic: false}]