Angular-Format für ein Array innerhalb eines Arrays?

Question

Ich beginne gerade mit Angular und ich habe ein Problem mit meiner app.js, wo ich ein Array innerhalb eines Arrays habe. Ich möchte ein Array für Koordinaten in meinem Produktpalette schaffen, die ich zur Zeit eingestellt haben wie auf den Punkt:

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" 
}]; 

Wenn ich die coords Array in app.js haben, mein HTML ist nicht Rendering (zeigt nur die Winkel Ausdrücke, aber wenn ich das Array coords entferne, wird es richtig gerendert. Ich mache momentan nichts mit der coords, sie sind nur für zukünftige Verwendung da, würde das verhindern, dass das HTML korrekt rendert, oder gibt es irgendeine Art von Formatierungsproblem?

Answer 1

Ihre Immobilie coords ist falsch Format

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

es vermisst die {

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