如何在角形材料表中调用用户定义的方法？

Question

如何在角形材料表中调用用户定义的方法？我正在使用类对象而不是接口，并且在我调用该方法时无法使用。我能够显示属性，但不能显示方法输出。

这是代码段。

export class User implements IUser {

constructor(public id:number, public email: string,
  public first_name: string, public last_name: string, public avatar: string) {
    console.error("Construcor Eroor.")
  }

  upper(): string {
    console.log(this.email.toUpperCase())
    return this.email.toUpperCase();
  }
}



<ng-container matColumnDef="upper">
    <mat-header-cell *matHeaderCellDef>
        upper
    </mat-header-cell>
    <mat-cell *matCellDef="let user ">
        {{user.upper}} <!-- calling a method in the User class -->
    </mat-cell>
</ng-container>

这里是完整的stackblitz链接。https://stackblitz.com/edit/angular-material-reactive-table-ddcsq4

Answer 1

这里是修改后的代码：

app.component.html：

<hello [name]='name'></hello>
<app-sample></app-sample>

使用上面编辑的代码，您将可以看到name为Angular：

希望这会有所帮助！