* ngFor原因となるテンプレートエラー

Question

私はこのエラーを取得しています、私は間違って何をやっている

<div class="row"> 
     <div class="col-sm-12"> 
     <div id="categories"> 
      <div *ngFor="let category of result?categories"> 
       <div class="category1"> 

       </div> 
      </div> 
     </div> 
     </div> 
    </div> 

？

{ 
     id: 15, 
     name: 'sugar free dark chocolate salted caramel', 
     brand: "alpro", 
     description: "Delicious sugar free dark chocolate in everyones favourite flavour, salted caramel.", 
     image: "result-images/sugar_free_dark_chocolate_salted_caramel.png", 
     rating: 9.2, 
     nearbyShops:[], 
     categories: ["dessert", "Baking"], 
     averagePrice: 4.32, 
     amount: "400g", 
     reviews: [{ 
      id: 11, 
      description: 'It was pretty amazing!', 
      rating: 9.1, 
      user: { 
       id: 1, 
       userName: "BeniaminoBaggins", 
      }, 
      comments: [{ 
       id: 1, 
       description: "great review!", 
       user: { 
        id: 2, 
        userName: "IrishNimue" 
       } 
      }] 
     }] 
    } 

Answer 1

あなたのループ式の.行方不明：

<div *ngFor="let category of result?.categories"> 

ここ

は、結果オブジェクトであります