如何使用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。請參閱「安全導航運算符（？。）和空屬性路徑」部分。

看看這是否有幫助。