Reload Daten-Controller json

Question

Hallo hier ist mein json:

[ 
    { 
     "name": "AAAAAA", 
     "data": "False", 
    }, 
    { 
     "name": "BBBBBB", 
     "data": "45%", 
    }, 
    { 
     "name": "CCCCCC", 
     "data": "12%", 
    }, 
    { 
     "name": "DDDDDD", 
     "data": "False", 
    } 
] 

Mein javascript:

var app = angular.module('app', ['ngRoute']); 
     app.service('service', function($http, $q){ 
      var deferred = $q.defer(); 

      $http.get('names.json').then(function(data){ 
       deferred.resolve(data); 
      }); 

      this.getNames = function() { 
       return deferred.promise; 
      } 
     }); 
     app.controller('FirstCtrl', function($scope, service, $http, $route) { 
     var vm = this; 
     vm.reloadData = function(){ 
      $route.reload(); 
     } 
      var promise = service.getNames(); 
      promise.then(function (data) { 
       $scope.names = data.data; 
       console.log($scope.names); 
      } 
     ); 

HTML:

<tbody> 
      <tr ng-repeat="name in names"> 
       <td>{{name.name}}</td> 
       <td>{{name.date}}</td> 
      </tr> 
     </tbody> 

<button ng-click="FirstCtrl.reloadData()">Reload</button> 

Ich möchte von JSON-Daten in der Steuerung laden, in reload() Funktion, aber es hat nicht funktioniert. Nach einem Klick auf den Button Neu laden passiert nichts. Vielen Dank im Voraus für Antworten!

Answer 1

ok versuchen $window.location.reload(); anstelle von $route.reload(); oder Sie können Refresh-Funktion anwenden.

$route.reload() wird zum Aktualisieren der Route verwendet und $window.location.reload(); wird zum Aktualisieren der Seite verwendet.

Prost :)

Answer 2

$window.location.reload() Versuchen Sie aber nicht vergessen, dass dies die App neu gestartet wird, um jede Funktion, nachdem sie nicht ausgeführt werden können, so haben Sie es platzieren strategisch nach dem, was Sie wollen getan ist getan.

Answer 3

Sie hatten ein paar Probleme mit dem von Ihnen gelieferten Code. Ich habe ein paar von ihnen repariert und deinen Code funktioniert. Sie können es hier ansehen:

https://plnkr.co/edit/DpRUJg520yew91t93oVr

Das sind die script.js ist:

var app = angular.module('app', []); 

app.service('service', function($http, $q){ 

      var deferred = $q.defer(); 

      $http.get('names.json').then(function(data){ 
       deferred.resolve(data); 
      }); 

      this.getNames = function() { 
       return deferred.promise; 
      } 
     }); 

    app.controller('FirstCtrl', function($scope, service, $http) { 
     var vm = this; 
     vm.reloadData = function(){ 
      console.log("reloading"); 
      vm.loadData(); 
     }; 

     vm.loadData = function(){ 
      var promise = service.getNames(); 
      promise.then(function (data) { 
       $scope.names = data.data; 
       console.log($scope.names); 
      }); 
     } 

     vm.loadData(); 
    });