angular - 从模板内的 Angular 2 类调用方法

Question

我有一个 Angular 2 应用程序，它有一个名为 User 的类.此用户有一个名为 deleted_at 的属性那是 nul l 或包含一个日期时间，如果 deleted_at 显然用户被删除属性不是 null .这是我的 user.ts 文件的样子:

User.ts

export class User {
    id: number;
    email: string;
    created_at: string;
    first_name: string;
    last_name: string;
    deleted_at: any;

    name() {
        if (this.deleted_at === null) {
            return this.first_name;
        } else {
            return 'DELETED';
        }
    }
}

现在我希望我可以用一行简单的代码在我的模板中调用名称:

{{ user.name }}

然而，这不会返回任何内容，您如何调用 Angular 2 模板中的某些函数？或者这是不允许的？

编辑: 清理一下，这是一个类 User我在我的组件 user-list.component.ts 中使用，多个用户在这个组件中处理。

Answer 1

要么像这样调用方法:

{{user.name()}} // instead of {{user.name}}

对于这种方法，您需要意识到您将失去执行上下文 (this)。有关详细信息，请参阅此问题:

• ng-lightning - data object is undefined on lookup

或者您将方法定义为 getter，这样您就可以在模板中使用 user.name:

get name() {
  if (this.deleted_at === null) {
    return this.first_name;
  } else {
    return 'DELETED';
  }
}