我想用ng-repeat以某种格式显示json,但没有成功。
结构如下:

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


这是我希望它在页面上显示的结构:

 Genre:
 Sci-fic
    Bookname1
    Bookname2
 Non sci-fic
    Bookname3
    Bookname4


这是json示例:

 [{"Genre":Sci-fic,"Name":"Bookname1"},
 {"Genre":Sci-fic,"Name":"Bookname2"},
 {"Genre":Non sci-fic,"Name":"Bookname3"},
 {"Genre":Non sci-fic,"Name":"Bookname4"}]

最佳答案

http://jsfiddle.net/HB7LU/4053/

应该/需要修复/重组JSON

$scope.books = [
        {
            "genre": "Sci-fic",
            "titles" : ['Bookname1', 'Bookname2']
        },
        {
            "genre": "Non sci-fic",
            "titles" : ['Bookname3', 'Bookname4']
        },
    ];

 <div ng-repeat="book in books">
      {{book.genre}}
      <div ng-repeat="title in book.titles" >{{title}}</div>
 </div>

10-06 07:59