AngularJS视图未使用UI-Router更新

Question

I have the following:

<div ng-repeat="m in model">
    {{m.prop1}}{{m.prop2}}
</div>

inside controller is a deffered promise that fetches an object from the server.

promise.then(function(e){
    $scope.model.push(e); // e is an object, which is pushed into the array.
    $scope.$apply(); // causes digest already in progress error so put inside $timeout
});

I've tried $timeout and $scope.$apply() and the view still wont update:

var promise = ModelService.create(model,data);
promise.then(function(e){
    $timeout(function(){
        $scope.$apply(function(){
            $scope.model.push(e);
        });
    })
});

Update: ModelService.js

create: function(model, data){
            var defer = $q.defer();
            $http.post('/api/'+model+"/create", data).success(function(e){
                defer.resolve(e);
            }).error(function(e){
                defer.reject(e);
            });
            return defer.promise;
        }

any ideas to get the view to render the model update?

Answer 1

My problem was down to a controller problem and overlooked workings of ui-router

I had 2 states, model and model.create , I declared both of these to use the same controller ModelController .

When on ui-view for model.create it created a new instance of ModelController

This meant that I was pushing the returned data into an array that wasnt rendered as it was rendered on the parent states instance of the controller.

To fix I passed false for the controller parameter of the child state causing it to use the same instance as the parent state and update the correct array.