aurelia if.bindどのようにすればいいですか？

Question

私はスピナーを持っていますが、このスピナーはユーザーが<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> 

Answer 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を使用して変数を属性にバインドすることができます。あなたはにロードの値をバインドすることができますこの方法は、ローディング属性とアンカーがクリックされたときにその値を変更するにはhandleClick（）を呼び出します。あなたのコードには他の問題があるようですが、属性に何かをバインドする場合は、リテラルではなく変数でなければなりません。