另一个数组内的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}}和它将输出本书的书名。但是我不确定如何返回章节的值，因为每本书都有不同的章节数。

也许为每个章节分配章节ID并调用该ID？

Answer 1

试试这个，以显示它在角

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