如何使用ngfor打印对象的属性？

Question

<div *ngFor="let article of articleList;let i = index"> 
        <div class="item"> 
        <div class="image-holder" 
         style="background-image: url(https://c9.io/blog/content/images/2015/07/ninja-1.jpg)"> 
         <a href="https://c9.io/blog/title-wip-cloud9-shortcutfoo/"></a> 
        </div> 
        <div class="title"> 
         <a class="title-ref" href="#">{{article.title}}</a> 
        </div> 
        <div class="text"> 
         <div> 
          {{article.description}} <a class="text-ref" href="#">>></a> 
         </div> 
        </div> 
        <div class="item-header"> 
         <div class="author"> 
          <img class="img-circle" 
           src="https://c9.io/blog/content/images/2015/05/brady.jpg" /> 
         </div> 
         <span class="author-name"><a class="user-ref" href="#">{{article.user.name}}</a></span> 
         <div class="time">2015-07-31</div> 
        </div> 
       </div> 
       </div> 

我可以看到article.title，说明等，但article.user.name是未定义的。如果{{article.user}}，它会显示对象。

如何正确打印article.user.name？

Answer 1

我认为你应该使用安全导航操作喜欢这个 -

{{article?.user?.name}} 

此链接可以给你更多的细节：https://angular.io/docs/ts/latest/guide/template-syntax.html。请参阅“安全导航运算符（？。）和空属性路径”部分。

看看这是否有帮助。