从Angular 2类内部模板调用方法

我有一个角度2应用程序,有一个名为User的类.此用户有一个名为deleted_at的属性,该属性为null或包含日期时间,显然,如果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';
        }
    }
}

现在我希望我可以用一个简单的行在模板中调用name:

{{ user.name }}

然而,这不会返回任何内容,如何在角度2模板中调用某些函数?或者这不允许吗?

编辑:要清除一些东西,这是我在我的组件user-list.component.ts中使用的类用户,在此组件中处理多个用户.

要么像这样调用方法
{{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';
  }
}

相关文章

AngularJS 是一个JavaScript 框架。它可通过 注:建议把脚本放在 元素的底部。这会提高网页加载速度,因...
angluarjs中页面初始化的时候会出现语法{{}}在页面中问题,也即是页面闪烁问题。出现这个的原因是:由于...
AngularJS 通过被称为指令的新属性来扩展 HTML。AngularJS 指令AngularJS 指令是扩展的 HTML 属性,带有...
AngularJS 使用表达式把数据绑定到 HTML。AngularJS 表达式AngularJS 表达式写在双大括号内:{{ expres...
ng-repeat 指令可以完美的显示表格。在表格中显示数据 {{ x.Name }} {{ x.Country }} 使用 CSS 样式为了...
$http是 AngularJS 中的一个核心服务,用于读取远程服务器的数据。读取 JSON 文件下是存储在web服务器上...