Массив Javascript внутри другого массива

Question

Я начинаю с ионного фреймворка, и я застреваю в создании и вызове массива внутри другого массива.

У меня есть следующий код в моем books.js:

.factory('Books', function() { 

    // books data 
    var books = [{ 
    id: 0, 
    title: 'Sample Title', 
    author: 'Sample Author', 
    category: 'Horor, Fiction', 
    cover: '/cover.jpeg', 
    details: 'some details about the book', 
    // my first attempt to create an array to store chapters info 
    chapters: [ 
     { 
     name: 'Chapter 1', 
     filename: 'chapter1.html', 
     }, 
     { 
     name: 'Chapter 2', 
     filename: 'Chapter2.html', 
     } 
    ] 
    }, { 
    id: 1, 
    title: 'Sample Title Two', 
    author: 'Sample Author two', 
    category: 'Horor, Fiction', 
    cover: '/cover.jpeg', 
    details: 'some details about the book', 
    // my first attempt to create an array to store chapters info 
    chapters: [ 
     { 

     name: 'Chapter 1', 
     filename: 'chapter1.html', 
     }, 
     { 
     name: 'Chapter 2', 
     filename: 'Chapter2.html', 
     } 
    ] 
    }, 

при доступе к данным, я использую {{book.title}} и он будет выводить название книги. Но я не уверен, как вернуть значения глав, поскольку каждая книга имеет разное количество глав.

Возможно, назначить идентификатор главы для каждой главы и вызвать этот идентификатор?

Answer 1

Попробуйте это, чтобы показать его на Угловое

<div ng-repeat="book in books"> 
    {{book.title}} 
    <div ng-repeat="chapter in book.chapters"> 
     {{chapter.name}} 
    </div> 
</div>