我知道在 Angular2 中我們可以像這樣在 html 中創建條件：
<p>{{ dynamicData.value? dynamicData.value : dynamicData.default}}</p>
我們也可以這樣做：
<p>{{ dynamicData.value? 'text 1' : 'text 2'}}</p>
但是我想將這兩種解決方案結合起來，但我不知道該怎么做。一般來說，我想做這樣的事情：
<p>{{ dynamicData.value? 'Dynamic data value is equal: {{dynamicData.value}}' : 'no dynamic data'</p>
你知道如何處理這個文本插值嗎？
uj5u.com熱心網友回復：
<p *ngIf = "dynamicData.value"> 'Dynamic data value is equal' {{dynamicData.value}} </p>
<p *ngIf = "!dynamicData.value"> 'no dynamic data' </p>
uj5u.com熱心網友回復：
您不需要在插值中使用插值，您已經可以訪問變數并且可以嘗試如下操作：
<p>{{ dynamicData?.value ? ('Dynamic data value is equal: ' dynamicData?.value) : 'no dynamic data'}}</p>
uj5u.com熱心網友回復：
您可以在 .ts 檔案中使用變數，也可以使用 插值'Dynamic data value is equal: ' dynamicData.default。
但我喜歡 FedMice 發布的更多答案；）
uj5u.com熱心網友回復：
我希望這行得通。
<p>{{ dynamicData.value ? (`Dynamic data value is equal: ${dynamicData?.value}`) : `no dynamic data`}}</p>
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/408148.html
標籤：
上一篇：如果添加新資料，forEach和ngFor會重復資料
下一篇：Angular新專案漏洞