Javascript TypeError:无法读取属性'；url'；未定义的

我正在尝试使用angular2从RESTAPI获取数据，到目前为止一切正常；但是，我有一个错误，只有在调用

{{content.img.url}}

时才会在控制台上显示，它在网页上执行良好，仅当它获取需要获取的图像url并显示图像时，但在chrome控制台中显示：

异常：TypeError:无法读取中未定义的属性“url” [背景图像：url（'{{content[img].url}}'）；位于HomePage@63：29]

我真的不知道为什么它只在控制台上显示错误！有什么办法解决这个问题吗

下面您可以找到我使用RESTAPI获取数据的实际操作细节，欢迎您提出改进代码的建议

home.html

 <div *ngFor="#content of c1">
 <div class="cards" style="background-image: url('{{content.img.url}}');">
 <div class="txt">{{content.c1Name}}</div></div>
 </div>

获取的JSON的输出

0:Object
  createdAt:"2016-01-08T13:55:53.558Z"
  c1Name:"Jack"
  img:Object
     __type:"File"
     name:"tfss-6a8bf-1db8-4545-91e6-18-file.jpg"
     url:"http://files.parsetfss.com/f213b50e-dsdsdas-23fsrfdfd-d/file.jpg"
  objectId:"3mfH4sd23"
  updatedAt:"2016-01-08T17:21:00.678Z"

---

这条消息告诉我们您的消息中有

content[img].url

，我可以看到您使用了

content.img.url

。真的不一样。我的意思是第二个访问

content

对象的

img

属性。第一个是在

img

变量中指定名称的属性

我希望

content[img]

返回null，特别是当

img

为null或未定义时。而

content.img

则不是这样

是否确实不使用表达式

content[img]

---

请参阅此plunkr:。

我通过使用Elvis运算符（即，在我的案例中，我使用了：

{{content.img？.url}

---

希望这对别人有帮助

“获取的JSON”对应于

c1

属性的内容？@ThierryTemplier yes！我已尝试使用内容[img].url，但也遇到相同的错误异常：TypeError:无法读取[background image:url（“{content[img].url}”）中未定义的属性“url”；在HomePage@63：29]但奇怪的是，content.img.url在获取数据和url时工作正常，但我唯一的问题是，控制台上显示的错误！

0:Object
  createdAt:"2016-01-08T13:55:53.558Z"
  c1Name:"Jack"
  img:Object
     __type:"File"
     name:"tfss-6a8bf-1db8-4545-91e6-18-file.jpg"
     url:"http://files.parsetfss.com/f213b50e-dsdsdas-23fsrfdfd-d/file.jpg"
  objectId:"3mfH4sd23"
  updatedAt:"2016-01-08T17:21:00.678Z"