Aurelia父视图模型方法不绑定

时间:2016-03-03 20:15:45

标签: aurelia aurelia-binding

您好我对最新的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()方法。

请问我能帮助解决我的错误吗?

1 个答案:

答案 0 :(得分:0)

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

在我看来,你的网格组件包含太多代码。它不应该那么大。它似乎是一个简单的组件,我认为你应该重写它。

确保在组件内部充分利用<content></content>。 (请注意,<content></content>标记在接下来的几个版本中将更改为<slot></slot>

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

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

尝试使用letvar正确地重新创建您的组件(我认为您在代码的某些部分中滥用了它们)。也许错误是由代码中的其他问题引起的。

希望这有帮助!