カンマで区切られた名前を表示したい

Question

ここに表示するブックの詳細のプログラムです。すべてが完璧ですが、カンマ（、）で区切られたauthornameの表示方法はわかりません。 3行目はエラーです。私はauthornamesを修正して表示したいと思っています。 bookauthorsdetails.authorsとその簡単に

home.html 

    <script type="text/ng-template" id="display"> 
      <td>{{book.title}}</td> 
     errorline: <td>{{book.authorname}}</td>(Here i want to display author names separated by comma(,)) 
      <td>{{book.price}}</td> 
      <td> 
       <i class="material-icons"><button type="button" data-ng-click="editBook(book)">create</button></i> 
      </td> 
      <td><i class="material-icons"><button type="button" data-ng-click="deleteBook(book)">delete_forever</button></i></td> 

     </script> 

controllers.js

$scope.online_bookauthors= 'data/bookauthors.js'; 
$scope.loadbookauthorscadentials= function (file) { 
    $http.get(file) 
    .then(function (result) { 
     $scope.bookauthorsresult=result; 
     $scope.bookauthorslist=$scope.bookauthorsresult.data.bookauthorsdetails; 

    }) 
} 

$scope.loadbookauthorscadentials($scope.online_bookauthors); 

bookauthors.js 

{ 
    "bookauthors": { 
     "Id": 1, 
     "name": "Book Author Details" 
    }, 
    "bookauthorsdetails": [{ 
     "bookid": 1, 
     "title": "War and piece", 
     "price": 100, 
     "authors": [{ 
      "authorid": 1, 
      "authorname": "Tolstoy" 
     }, { 
      "authorid": 2, 
      "authorname": "Herman melville" 
     }] 

    }, { 
     "bookid": 2, 
     "title": "moby Dick", 
     "price": 200, 
     "authors": [{ 
      "authorid": 1, 
      "authorname": "Tolstoy" 
     }, { 
      "authorid": 2, 
      "authorname": "Herman melville" 
     }, { 
      "authorid": 3, 
      "authorname": "Jane Austen" 
     }] 
    }], 
    "selected": {} 
} 

Answer 1

<div ng-repeat="author in book.authors">{{ ($index !== book.authors.length-1) ? author.authorname+',' : author.authorname }}</div>