javascript - v.context.$implicit.(PropertyName)不是一个函数

Question

我需要在 Angular6 中使用动态权限。

我必须从数据库返回菜单列表:

  <li *ngFor="let op of optionList">
    <!-- <fa-icon [icon]="op.icon"></fa-icon>  -->
    <label (click)='op.routeFunctionName()'>{{op.optionName}}</label>
  </li>

this : op.routeFunctionName() 使用路由的函数名称。

路由:

 GoRoleManager(){
     this.router.navigate(['panel/dashboard/'+this.userName+'/role'])
 }

但是当我单击菜单时它向我显示此错误:

ERROR TypeError: _v.context.$implicit.routeFunctionName is not a function

问题是什么？我该如何解决这个问题？

Answer 1

我认为您已将 JS 代码保存在 routeFunctionName 中并尝试调用它。这只是纯文本。如果您想这样做，可以使用 eval 来完成，但不推荐。

更新(见评论)

如果你想通过字符串变量调用函数，你应该这样写:

<label (click)='this[op.routeFunctionName]()'>{{op.optionName}}</label>