Question

只是想知道是否有人知道比以下更好的方式：

<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中，它内置了未定义的保护。经常不得不对值进行检查是很丑陋和烦人的。我明白为什么会这样，只是想知道是否有更优雅的东西。

Answer 1

检查Angular safe navigation operator ( ?. )，也称为'Elvis'运算符。用法：

{{data?.CurrIP}}

如果属性路径中有null或undefined值，则会阻止视图呈现失败。

有没有更好的方法来绑定延迟加载的值？

1 个答案: