2017-01-23 65 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值。

相关问题