从HTML模板[角]打字稿文件调用变量

我刚开始阅读文档后角工作。我仍然是一个新手。从HTML模板[角]打字稿文件调用变量

拨打angular2阵列很简单：

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

如果我打电话给一个对象，字符串或任何东西，从我的TS文件。我怎样才能做到这一点？

我想：

{{myvariable}}

或

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

和其他的东西，但它不工作。在此先感谢。

来源

2017-04-18 user2243952

没有'NG-init'在Angular2。我没有得到你想要完成的事情。 {{{myvariable}}'你希望发生什么？ –

我的var是一个对象。我想在html中显示它的名字和id。 – user2243952

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

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

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

来源

2017-04-18 09:19:09

谢谢，它的工作原理。如果html没有被初始化，如何显示{{myvariable？.id}}？ – user2243952

“如果它尚未初始化......”。这意味着'？。'避免了在'myvariable'为'undefined'或'null'时出错，但是当它最终得到一个值时，它将显示该值。 –

我看不到'co.myvar'可能与'

'有关。请更新您的问题并添加更多代码。 –

您试图在您的模板中访问的变量应作为组件的公共属性提供。例如在你的组件中，如果你有myvar作为public public属性的公有属性：any;然后在生命周期钩子或组件的其他方法中，如果将其分配给对象，例如在ngOnInit如果你 this.myvar = { P1：2 } 那么你就可以访问MYVAR的特性在你的模板如{{myvar.p1}}

来源

2017-04-18 09:24:35 Abhay

谢谢，我的变量不公开。它现在有效。 – user2243952

从HTML模板[角]打字稿文件调用变量

回答

相关问题