AngularJS-视图未从模式对话框更新

我试图在将数据保存到数据库时更新视图

main.html

<div ng-controller='sitesController'>
    <div class='modal-dialog'>
        <div class='modal-content'>
            <div class='modal-body'>
                <form ng-submit="createSite()">
                    <label>Site Name</label>
                    <input type="text" ng-model="siteName"/>                                                                                                                                                                                            
                    <button type="submit">Save</button>
                </form>
            </div>
        </div>
    </div>
</div>

sitesController.js

app.controller('sitesController', ['$scope', '$resource', function ($scope, $resource) {

    var Site = $resource('/api/sites');

    Site.query(function (results) {
        $scope.sites = results;
    });

    $scope.sites = []

    $scope.createSite = function () {
        var site = new Site();
        site.name = $scope.siteName;
        site.$save(function (result, scope) {
            scope.sites.push(result);
            scope.$apply();
        });
    }
}]);

main.html
站点名称
拯救
sitesController.js
app.controller（'sitesController'，['$scope'，'$resource'，function（$scope，$resource）{
var Site=$resource（'/api/sites'）；
Site.query（函数（结果）{
$scope.sites=结果；
});
$scope.sites=[]
$scope.createSite=函数（）{
var site=新站点（）；
site.name=$scope.siteName；
站点.$save（功能（结果、范围）{
范围.站点.推送（结果）；
作用域：$apply（）；
});
}
}]);

单击“保存”按钮时，数据正确存储在服务器中，但UI不会刷新（手动刷新会显示新条目）。 当将窗体移到模态之外时，一切正常

有什么想法吗？

---

谢谢

要更新的视图在哪里？我看到您首先使用Site.query（）填充$scope.sites，然后将其设置为空数组。将结果推送到scope.sites后，它在视图中的反映在哪里？