通过函数进行角度动态属性绑定

Question

我想将一系列功能绑定到一系列按钮的[disabled] 属性。我有一系列按钮和一系列功能：

<mat-button-toggle 
  *ngFor="let button of buttons" 
  [disabled]="this['auth' + button.authLevel + '()']">
  {{button.displayName}}      
</mat-button-toggle>


auth100(){
    let var = complicatedStuff();
    return var;
}
auth200(){
    return false;
}

（是的，buttons 是一个 JSON，例如 [{authLevel: '100', displayName: 'Button Name'}, ...] 等）

这似乎不起作用。如果我尝试使用变量而不是函数，例如auth100 = false; 和 "this['auth' + button.authLevel]"，它确实有效，但我希望能够将它绑定到一个函数。目前我在想我应该只做auth100var = auth100(); 并绑定auth100var 变量而不是函数，但我觉得你应该能够绑定一个函数，这将是正确的方法，但是如何？

Answer 1

只需更改放置括号的位置即可调用该函数。它们不是您访问属性的密钥的一部分。

  [disabled]="this['auth' + button.authLevel]()">

See live demo (stackblitz)