使用Aurelia中的参数从模板调用位于父级中的函数

使用Aurelia中的参数从模板调用位于父级中的函数,aurelia,Aurelia,仍然是新的奥雷莉亚FW。 我想从位于父页面中的模板执行位于父页面中的函数。我做那件事没问题。问题是,我想获取模板中的variable\property值,并将其用作函数中的参数。如何在父级和模板之间共享此属性? 我认为绑定应该是答案。 以下是相关代码: 这是父级中的模板实例。要运行的相关功能是changeStatus: 这是HTML的模板: <template> <input type="checkbox" change.delegate="changeS

仍然是新的奥雷莉亚FW。 我想从位于父页面中的模板执行位于父页面中的函数。我做那件事没问题。问题是,我想获取模板中的variable\property值,并将其用作函数中的参数。如何在父级和模板之间共享此属性? 我认为绑定应该是答案。 以下是相关代码: 这是父级中的模板实例。要运行的相关功能是changeStatus:

这是HTML的模板:

   <template>
        <input type="checkbox" change.delegate="changeState($event.target.checked)">
   </template>

如果我没说错,您需要创建arguments对象:

如果需要使用参数调用函数,请创建一个对象 谁的键是参数名,谁的值是参数 值,然后使用此arguments对象调用函数

因此,在您的代码中应该是这样的:

this.changeStateFuction({ status: isChecked });
   <template>
        <input type="checkbox" change.delegate="changeState($event.target.checked)">
   </template>
import { bindable } from 'aurelia-framework';
export class radioButtonSwitch {
  @bindable changeStateFuction;

   changeState(isChecked) 
   {
      this.isElementActive = isChecked;
      this.changeStateFuction(isChecked);
   }
}
this.changeStateFuction({ status: isChecked });