调用函数位于父模板中,该模板具有Aurelia中的参数

时间:2017-10-19 06:19:39

标签: aurelia aurelia-binding

仍然是Aurelia FW的新人。 我想从位于该父级的模板中执行位于父页面中的函数。这样做我没有问题。问题是我想获取位于模板中的变量\属性值并将其用作函数中的参数。如何在父模板和模板之间“共享”此属性? 我假设绑定应该是答案。 这是相关的代码: 这是父级中的模板实例。要运行的相关功能是 changeStatus

<radio-button-switch is-active.bind="account.IsEnabled" change-state-
fuction.call="changeStatus(state)" ></radio-button-switch>

这是父母的功能:

changeStatus(statusVariable) {
//TODO something with statusVariable}

这是模板HTML:

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

这是模板的相关代码(我想用 isChecked 作为参数执行 changeState 函数):

import { bindable } from 'aurelia-framework';
export class radioButtonSwitch {
  @bindable changeStateFuction;

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

1 个答案:

答案 0 :(得分:1)

如果我找对了你,你需要创建&#34; arguments对象&#34;:

  

如果需要使用参数调用函数,请创建一个对象   其键是参数名称,其值是参数   值,然后使用此&#34; arguments对象&#34;。

调用该函数

所以,在你的代码中它应该是这样的:

this.changeStateFuction({ status: isChecked });