2016-09-17 5 views
1
<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、descriptionなどが表示されますが、article.user.nameは未定義です。 {{article.user}}の場合、オブジェクトが表示されます。ngforを使ってオブジェクトのプロパティを印刷するには?

article.user.nameの印刷方法は? https://angular.io/docs/ts/latest/guide/template-syntax.htmlを:

+0

「desprition」とは何ですか?あなたは '記述'を意味しますか? – halfer

答えて

0

は、私はあなたがこのリンクはあなたの詳細を与えることができるthis-

{{article?.user?.name}} 

よう安全なナビゲーション演算子を使うべきだと思います。 「安全なナビゲーション演算子(?)とヌルプロパティパス」の節を参照してください。

これが役立つかどうかを確認してください。

+0

そんなにありがとう!できます !もう一度考える! – NjMinko

関連する問題