Aurelia：如何調用自定義元素之外的函數？

Question

我有一個名為custom-element的自定義元素，我把它放在模板A中（帶有控制器A）

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

而updateDescription（）是控制器A的一個功能。

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

如何使用custom-element調用updateDescription（）？

Answer 1

使用call binding命令提供對自定義元素的函數調用的引用：

<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()