ng-initでAngularJs ng-repeatが複数の項目で動作しない

Question

AngularJsを初めて使用し、ng-initとng-repeatを使用して正しく動作しない例を試しています。これは私がドラキュラとホビットの行を削除した場合、データは表示を行いますが、何もデータが表示されていないすべての3冊で体

<div ng-app="" ng-init="books=[ 
    {title:'Pride and Prejudice', author:'Jane Austen', genre:'Romance'} 
    {title:'Dracula', author:'Bram Stoker', genre:'Horror'} 
    {title:'The Hobbit', author:'J.R.R. Tolkien', genre:'Fantasy'} 
    ]"> 

    <p>Here are your books:</p> 
    <ol> 
     <li ng-repeat="book in books"> 
      {{ 'Title: ' + book.title + ', Author: ' + book.author + ', Genre: ' + book.genre }} 
     </li> 
    </ol> 
</div> 

から私のコードの一部です。

Answer 1

配列項目を区切るためのカンマがありません。

<div ng-app="" ng-init="books=[ 
    {title:'Pride and Prejudice', author:'Jane Austen', genre:'Romance'}, 
    {title:'Dracula', author:'Bram Stoker', genre:'Horror'}, 
    {title:'The Hobbit', author:'J.R.R. Tolkien', genre:'Fantasy'} 
    ]"> 

    <p>Here are your books:</p> 
    <ol> 
     <li ng-repeat="book in books"> 
      {{ 'Title: ' + book.title + ', Author: ' + book.author + ', Genre: ' + book.genre }} 
     </li> 
    </ol> 
</div> 

Array syntax

[要素0、要素1、...、elementN]