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正确地重新创建您的组件（我认为您在代码的某些部分中滥用了它们）。也许错误是由代码中的其他问题引起的。

希望这有帮助！