Aurelia:如何调用自定义元素之外的函数？

Question

我有一个名为custom-element的自定义元素,我把它放在模板A中(带有控制器A)

export class CustomElem {
  @bindable onCompleted;
  ........
}

而updateDescription()是控制器A的一个功能.

export class A {
  updateDescription(){
    ....
  }
}

如何使用custom-element调用updateDescription()？

Answer 1

使用callbinding命令提供对自定义元素的函数调用的引用:

<custom-element on-completed.call="updateDescription()"></custom-element>

要updateDescription使用参数调用方法,可以执行以下操作:

export class CustomElem {
  @bindable onCompleted;

  ...

  fooBarBaz() {
    var args = {
      something: 'A',
      somethingElse: 'B',
      anotherArg: 'C'
    };
    this.onCompleted(args);
  }
}

<custom-element on-completed.call="updateDescription(something, somethingElse, anotherArg)"></custom-element>

Answer 2

export class A {
  updateDescription = () => {
  };
}

然后

<custom-element on-completed.bind="updateDescription"></custom-element>

内部CustomElem通话this.onCompleted()