Question

在userdata我有firstname，lastname ....所以我想在homecomponent.html中绑定firstname，那么如何在html中绑定它模板？

export class HomeComponent {

    constructor(private authenticationService : AuthenticationService) {
        userdata=this.authenticationService.user_data;
    }
}

Answer 1

只是，

<div><h1>{{userdata.firstname}}</h1></div>

修改

如果您的数据来自异步调用，则使用elvis运算符检查值是否存在，

<div><h1>{{userdata?.firstname}}</h1></div>

Answer 2

如果您正在讨论插值，您可以在html中显示<p>{{userdata.firstname}} {{userdata.lastname}}</p>对象的任何字段：

.container{
position: relative;
}

如何在angular2中绑定html页面中的数据对象

2 个答案: