aurelia if.bind怎么办?

时间:2017-11-16 12:51:07

标签: aurelia aurelia-binding

我有一个微调器,如果用户点击<a>按钮元素,这个微调器应该只是显示,现在微调器一直在显示,有人可以帮助我吗?谢谢。

<a class="btn btn-action" href="#/user" bs-tooltip="title.bind: 'user'">
    <i class="fa fa-list-alt" aria-hidden="true"></i>
     <loading-feedback
          is-loading.bind="true"
          message.bind="Loading.."></loading-feedback>
</a>

1 个答案:

答案 0 :(得分:1)

你可以这样做 -

<a class="btn btn-action" href="#/user" bs-tooltip="title.bind: 'user'" click.delegate="handleClick()">
    <i class="fa fa-list-alt" aria-hidden="true"></i>
    <loading-feedback is-loading.bind="loading" message.bind="Loading.."></loading-feedback>
</a>

在视图模型中,您可以执行以下操作 -

let loading = false;
handleClick() {
    this.loading = true;
}

click.delegate可用于调用某些方法。而attribute.bind可用于将变量绑定到属性。这样,您可以将 loading 的值绑定到 is-loading 属性,并在单击锚点时调用 handleClick()来更改该值。您的代码似乎还有其他问题,如果您将某些内容绑定到属性,则必须是变量而不是文字。