從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模板[角]打字稿文件調用變量

回答

相關問題