在html模板中调用typescript文件中的变量[angular]

Question

我刚开始阅读文档后开始使用angular。我还是个新手。

在angular2中调用数组很简单：

您只需使用* ngfor项目项目，然后使用{{item.name}}。

如果我从我的ts文件中调用单个对象，字符串或任何对象，该怎么办？我怎样才能做到这一点？

我试过了：

{{myvariable}} 

或

<div  ng-init="let x = myvariable">   {{x.name}}</div> 

和其他东西，但它不起作用。 提前谢谢。

Answer 1

{{myvariable.id}} {{myvariable.name}}

或者在创建组件时尚未初始化变量。

{{myvariable?.id}} {{myvariable?.name}}

Answer 2

您尝试在模板中访问的变量应作为组件的公共属性提供。例如在你的组件中，如果你有myvar作为公共属性，声明像public myvar：any;然后在生命周期钩子或组件的其他方法的某些地方，如果你将它分配给一个对象，例如如果你这样做，请在ngOnInit中     this.myvar = {       p1：2     }  然后您可以在模板中访问myvar的属性，例如{{myvar.p1}}