javascript - AngularJS - 使用单个 ng-repeat 显示复杂的 JSON 数据

Question

我正在尝试显示某个系列的所有书籍。我使用了嵌套的 ng-repeat 并且效果很好。但是，由于最近布局要求发生了一些变化，我无法使用嵌套的 ng-repeat (我想要一个单一的书籍列表)。我希望像下面这样

<ul>
    <li>book1 of series1</li>
    <li>book 2 of series 1</li>
    <li>book1 of series 2</li>
    <li>book2 of series 2</li> 
    <li>book1 of series 3</li>
    <li>book2 of series 3</li>
</ul>

有没有办法用 1 ng-repeat 来做到这一点？或者用其他方法？ (即数组)

数据

var data = {
    "records": [
        {
            "name": "Spectrum Series",
            "seriesid": "SpectrumSeries",
            "book": [
                {
                    "name": "White Curse",
                    "bookid": "WhiteCurse",
                    "image": "book1"                    
                },
                {
                    "name": "Blue Fox",
                    "bookid": "BlueFox",
                    "image": "book2"                   
                }
            ]
        }

… other series
 ]
};

Controller

$scope.serieslist = data.records;

HTML

    <div ng-repeat="series in serieslist">
        <ul ng-repeat="book in series.book">            
            <li>                  
                <div>{{series.name}}</div>
                <div>{{book.name}}</div>                    
            </li>            
        </ul>
    </div>

Answer 1

由于您只想要一份图书列表，请尝试此

<div ng-repeat="series in serieslist">
        <li>                  
            <div>{{series.name}}</div>
            <div>{{series.book[0].name}}</div>
        </li>            
    </ul>
</div>

希望这有帮助!!!