Nach der Antwort laden Daten in angularjs

Question

Frage nach dem ich meine Daten posten Ich habe eine kleine HTML-Tabelle, die meine Daten zeigt aber meine Daten nicht angezeigt, bis ich die Seite neu laden Hilfe, damit dies automatisch meine Daten zeigen, nachdem ich abschicke wird sehr geschätzt werden.

ist hier mein angular_stuff

var dim = angular.module('Dim', ['ngResource']); 


dim.config(['$httpProvider', function($httpProvider) { 
    $httpProvider.defaults.xsrfCookieName = 'csrftoken'; 
    $httpProvider.defaults.xsrfHeaderName = 'X-CSRFToken'; 
    $httpProvider.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded'; 
}]); 

dim.config(function ($interpolateProvider) { 
    $interpolateProvider.startSymbol('{[{'); 
    $interpolateProvider.endSymbol('}]}'); 
}); 

dim.factory("Dim", function ($resource) { 


    return $resource("_dims.html", { pk: 'pk' }, { 
     index: { method: 'GET', isArray: true, responseType: 'json' }, 
     update: { method: 'POST', responseType: 'json' }, 
     delete: { method: 'DELETE', headers: { 'X_METHODOVERRIDE': 'DELETE' } }, 
    }); 
}) 


dim.service('dataService', function() { 
    this.data = {} 
    this.data.dimMap = new Array(); 
    this.data.dimMap[""] = "description"; 
}); 


//dim.controller("DimController", function($scope, $http, Dim) { 
dim.controller("DimController", function ($scope, $http, Dim) { 
    $scope.dims = Dim.index() 
    //$scope.dims = dataService.data.dimMap; 

    $scope.addDim = function() { 
     dim = Dim.save($scope.newDim) 
     //My guess is I need something here to reload my data ??? 
     $scope.dims.push(Dim) 
     $scope.newDim = {} 


    } 

    $scope.deleteDim = function (index) { 

     dim = $scope.dims[index] 
     Dim.delete(dim) 
     $scope.dims.splice(index, 1); 
    } 
    $scope.newField = {}; 

    $scope.editDim = function (field) { 
     window.console.log($scope.dims[field]); 
     $scope.editing = $scope.dims.indexOf(field); 
     $scope.newField[$scope.editing] = angular.copy(field); 
    } 
}) 

Bild einreichen Nach

Daten zeigt nur, wenn ich eine manuelle Seite realod [

Answer 1

Dim.save ist asynchrone so, wenn Sie $scope.dims.push(dim) aufrufen, wird dim noch nicht

Die Lösung gespeichert ist, den Erfolg Rückruf des Versprechens zu

$scope.addDim = function() { 
    Dim.save($scope.newDim).$promise.then(function(dim) { 
     $scope.dims.push(dim); 
     $scope.newDim = {}; 
    }); 
} 

Answer 2

hinzufügen $ scope.dims = Dim .index() am Ende von $ scope.addDim Funktion. Es wird einen Anruf tätigen und Sie erhalten die Daten.