我尝试做重新加载数据按钮。这是我的json:
[
{
"name": "AAAAAA",
"data": "False"
},
{
"name": "BBBBBB",
"data": "45%"
},
{
"name": "CCCCC",
"data": "12%"
}
]
我的JavaScript:
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();
});
我的HTML:
<div ng-controller="FirstCtrl as vm">
<table>
<tbody>
<tr ng-repeat="name in names">
<td>{{name.name}}</td>
<td>{{name.data}}</td>
</tr>
</tbody>
</table>
<button ng-click="vm.reloadData()">Reload</button>
</div>
单击“ vm.reloadData()”函数后,我的数据应该重新加载,但是什么也没有发生,我的数据不刷新。预先感谢您的回答。
试试这个:
添加了不将请求数据保留在缓存中的规定
app.service('service', function($http, $q) {
this.getNames = function() {
return $http.get('names.json', { cache: false});
}
});
app.controller('FirstCtrl', function($scope, service) {
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();
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句