Angularjs 角度ng重复，即使在空对象上也始终显示

您好，我想将项目发布到服务器，并在每次成功添加后，使用ng repeat自动将其添加到DOM中

<div class=""  ng-repeat="book in books" >
   <div id="eachBook">{{book.title}}</div>
</div>

问题是第一次添加时，DOM仍然是空的，即使我使用$state重新加载页面，第一次添加时它仍然不起作用。最后，我需要通过单击刷新手动刷新页面

第一次添加后，它工作正常。添加每本书后，它都会自动添加到DOM中

---

知道如何在不手动渲染页面的情况下自动启动第一个页面吗？使用$timeout延迟刷新没有任何效果。

这不只是一个简单的成功发布列表吗

var-app=angular.module（'myApp'，[]）；
app.controller（'bookCtrl'，函数（$scope，$http，$timeout）{
$scope.init=函数（）{
$scope.title='初始图书？'
postBook（）；
};
$scope.books=[]；
$scope.post=函数（）{
postBook（）；
};
函数postBook（）{
如果（！$scope.title）返回；
//模拟服务器post超时
$timeout（函数（）{
$scope.books.push（{title:$scope.title}）；
$scope.title=null；
}, 1000);
};
});

{{book.title}}
拯救
如何在
books
数组中添加
book
对象？真的很有兴趣看到这一点..只是一个简单的jquery.ajax。。抱歉，让我补充一个问题，您不应该使用jQuery ajax..您应该使用angular的
$http
。看看这个答案，我明白了，这是有道理的。。。但是我需要同时上传一个图像文件，不知道如何使用$http实现。我使用$http（request），但它与$.ajax（）的问题完全相同。仍然没有运行第一个post。即使使用$timeout，它仍然不工作。。我的意思是仍然是相同的问题，需要手动刷新。@vdj4y我显然误解了这个问题。你能给我们介绍一下这个问题吗？这样我们就可以看到这个问题了？timeout只是用来模拟您的post-delay抱歉，使用$timeout没有任何区别。我用最新的代码更新了问题，谢谢
var fd = new FormData();
fd.append("file", bookImage);

$http({ 
    method: 'POST',
    url: "/someurl,
    data: fd,
    headers: {
        'Content-Type': undefined
    }
}).success(function(Image){
     var book_obj = {
         bookTitle: bookTitle,
         bookImage: Image._id
     };
     $http.post("url to owner book", book_obj)
         .success(function(data){
                 $scope.bookImage = data.bookImage;
             $timeout(function(){
                 alert("success", "successfully added your book");
                 $state.transitionTo('book', {}, { reload: true });
             },2000);                   
         })

})