2017-01-23 64 views
0

如果有誰比一個更好的辦法知道只是想知道:有沒有更好的方式來綁定到延遲加載的值?

<config-input title="IP Address" [(model)]="data && data.StaticIP" type="ip" subText="{{(data && ('Current: ' + data.CurrIP)) || 'Current: '}}"></config-input> 
<config-input title="Netmask" [(model)]="data && data.StaticNetmask" type="ip" subText="{{(data && ('Current: ' + data.CurrNetmask)) || 'Current: '}}"></config-input> 
<config-input title="Gateway" [(model)]="data && data.StaticGateway" type="ip" subText="{{(data && ('Current: ' + data.CurrGateway)) || 'Current: '}}"></config-input> 
<config-input title="Primary DNS" [(model)]="data && data.StaticDNS1" type="ip" subText="{{(data && ('Current: ' + data.CurrDNS1)) || 'Current: '}}"></config-input> 
<config-input title="Secondary DNS" [(model)]="data && data.StaticDNS2" type="ip" subText="{{(data && ('Current: ' + data.CurrDNS2)) || 'Current: '}}"></config-input> 

在角1,它有內置的未定義的保護它的醜陋,令人討厭不斷要做的價值觀檢查。我明白爲什麼它在那裏,只是想知道是否有更優雅的東西。

+0

懶洋洋地從哪裏裝載?如果你從可觀察的地方得到它,你可以使用'|異步「來解決它。 – jonrsharpe

回答

0

檢查角度safe navigation operator (?.),也被稱爲「貓王」操作員。用法:

{{data?.CurrIP}} 

它可以防止一個視圖呈現故障是否有屬性路徑nullundefined值。

相關問題