Angular2 - Object toString方法

时间:2016-12-19 08:39:52

标签: angular angular2-template

我注意到一个有趣的应用程序添加toString这个对象,我想知道它是否是一个很好的解决方案?这是预期的行为模板插值吗?

例如:

class Person {
   name: string;
   surname: string;

   toString(): string {
       return this.name + ' ' + this.surname;
   }
}

当我们在模板中显示这个对象时,[object Object]的内容我们看到了toString方法的结果。

Username: {{ person }} // Result "Name Surname" insted of "[object Object]"

你怎么看?我知道这是因为角度转换对象到字符串的事实,但使用这个解决方案是否合适?

1 个答案:

答案 0 :(得分:2)

我认为toString()应仅用于调试目的。

对于制作我宁愿使用像

这样的东西
class Person {
   name: string;
   surname: string;

   fullName(): string {
       return this.name + ' ' + this.surname;
   }
}
Username: {{ person.fullName }}