Aurelia 父视图模型方法未绑定

Question

您好，我在使用最新的 aurelia 版本时遇到了一些绑定问题，它适用于“1.0.0-beta.1.0.5”。

经过一周的挣扎，我发现这是 aurelia 新版本。任何人都可以帮助我如何解决以下 plnkr 中的问题

https://plnkr.co/edit/AzFS8rrZdXlzfLHOVqw9?p=preview

下面是结构：

app.html

<gird>
  <grid-col>
    <button click.trigger="test()">Click</button>
  </grid-col>
</grid>
app.js 
export class App {
  test() {
    alert('some test')
  }
 }

我无法访问 test() 方法。

谁能帮忙看看我做错了什么？

Answer 1

我不能告诉你为什么你会遇到这个问题。但是，我看到您尝试做一些非常简单的事情，通常不会造成任何压力或困难。

在我看来，您的网格组件包含太多代码。它不应该那么大。它看起来很简单，我认为你应该重写它。

确保您在组件中充分利用了<content></content>。 （请注意，在接下来的几个版本中，<content></content> 标签将更改为 <slot></slot>。

这是一个简单组件的示例，它调用其父级的函数。

http://plnkr.co/edit/56ws7IS3RVQjQ99gJj1T?p=preview

尝试重新创建您的组件，这次正确使用let 和var（我认为您在代码的某些部分中误用了它们）。也许该错误是由您的代码中的其他问题引起的。

希望这会有所帮助！