數組內數組的角度格式？

Question

我剛剛開始使用Angular，並且遇到了我的app.js問題，其中有一個數組。我想創建我的產品陣列中的座標，這是我目前已經建立了一個這樣的數組：

var products = [{ 
    name: "Product 1", 
    description: "", 
    coords: [ 
     { 
      top: 683, 
      left: 626 
     }, 
      top: 926, 
      left: 600 
     }, 
      top: 320, 
      left: 750 
     } 
    ], 
    videos: "video1" 
}, { 
    name: "Product 2", 
    description: "", 
    coords: [ 
     { 
      top: 356, 
      left:580 
     }, 
      top: 600, 
      left: 166 
     }, 
      top: 470, 
      left: 590 
     } 
    ], 
    videos: "video2" 
}]; 

當我在app.js的coords陣列，我的HTML不渲染（只顯示角度表達式），但是當我刪除coords數組時，它會正確呈現。我目前沒有對coords做任何事情，他們只是爲了將來的使用，會阻止HTML呈現正確，還是有某種格式問題？

Answer 1

你的財產coords是錯誤的格式

coords: [ 
     { 
      top: 356, 
      left:580 
     }, 
      top: 600, 
      left: 166 
     }, 
      top: 470, 
      left: 590 
     } 
    ], 

它錯過了{

coords: [ 
     { 
      top: 356, 
      left:580 
     },{ 
      top: 600, 
      left: 166 
     },{ 
      top: 470, 
      left: 590 
     } 
    ],