另一个数组中的Javascript数组

另一个数组中的Javascript数组,javascript,arrays,loops,ionic-framework,Javascript,Arrays,Loops,Ionic Framework,我从ionic框架开始,一直在另一个数组中创建和调用一个数组 我在我的books.js中有以下代码: .factory('Books', function() { // books data var books = [{ id: 0, title: 'Sample Title', author: 'Sample Author', category: 'Horor, Fiction', cover: '/cover.jpeg', detai

我从ionic框架开始,一直在另一个数组中创建和调用一个数组

我在我的
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?

尝试在屏幕上显示该ID

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

{{book.title}}
{{章名}}

您是否尝试过book.chapters[0]。名称?books[0]。chapters[0]。名称要在哪里显示?在html上使用angular?如果是这样,请尝试使用ng repeat指令。@FacundoPedrazzini您能详细说明如何对项目中的章节使用ng repeat吗?@JeanCedron谢谢:)
{{book.chapters[book.id].name}}
实际有效。但它只显示了列表中的一章