Угловой js не отображает данные в редактировании?

Question

Моя проблема заключается в том, что данные не отображаются в режиме редактирования после обновления страницы, пока обновление страницы не отображает данные, но после обновления страницы modelpopup пуст.

Мой Javascript код для функциональности редактирования:

$scope.editBook = function (book) { 
    var getBookData = crudAJService.getBook(book.Id); 
    getBookData.then(function (_book) { 

     $scope.book = _book.data; 
     $scope.modal.content.bookId = book.Id; 
     $scope.modal.content.bookTitle = book.Title; 

     $scope.modalShown = !$scope.modalShown; //to display popup 
    } 
} 

Мой вид HTML код

<tr ng-repeat="book in books"> 
    <td>{{book.Id}}</td> 
    <td>{{book.Title}}</td>       
    <td> 
     <span ng-click="editBook(book)"> 
      Edit 
     </span> 
    </td> 
</tr> 

Answer 1

$scope.editBook = function (book) { 
      var getBookData = crudAJService.getBook(book.Id); 
      getBookData.then(function (_book) { 

       $scope.modal.content = book;//You have to initialize modal.content 
       $scope.book = _book.data; 
       $scope.modal.content.bookId = book.Id; 
       $scope.modal.content.bookTitle = book.Title; 

       $scope.modalShown = !$scope.modalShown; //to display popup 
      } 
     }