2017-02-17 7 views
0

У меня есть таблица, которая показывает значения из БД через AngularJS:нагрузка AngularJS данных в таблице на автоматическое обновление

<div class="container wrapper" ng-controller="DbController"> 
<table class="table table-hover"> 
    <tr> 
     <th>NUMĂR ORDINE</th> 
     <th>NUME CLIENT</th> 
     <th>ACȚIUNE</th> 
    </tr> 
    <tr ng-repeat="detail in details| filter:search_query"> 
     <td>{{detail.id}}</td> 
     <td>{{detail.nume_client}}</td> 
     <td> 
     <button class="btn btn-warning" ng-click="editInfo(detail)" title="Preiau client"><span class="glyphicon glyphicon-edit"></span></button> 
     </td> 

    </tr> 
</table> 

Я не могу найти функцию, которая будет обновить таблицу в течение нескольких секунд автоматически, чтобы перезагрузить новые данные. Есть ли способ сделать это, не обновляя страницу вручную или нажав кнопку?

У меня есть функция, которая обновляет пролет, но я не знаю, как адаптировать его к Угловой:

<script type="text/javascript"> 
function refreshDiv() 
{ 
    $("#refresh").load("includes/assets/receptie_clienti/databaseFiles/get_client_count.php"); 

} 
window.setInterval(refreshDiv, 1000); 
</script> 

И HTML: <span id="refresh">0</span> // Начальное значение 0 и изменяется, когда новые значения adeed в базу данных

LE: Фиксированный как ответ выбранного:

Модифицированный AngularJS контроллер:

var ClientsApp = angular.module('ClientsApp',[]); 
ClientsApp.controller("DbController",['$scope','$http','$interval', function($scope,$http,$interval){ 
// Refresh the data automatically to get clients details from the database 
$interval(callAtInterval, 1000); 
function callAtInterval() { 
    $http.post('includes/assets/receptie_clienti/databaseFiles/get_clients.php').success(function(data){ 
// Stored the returned data into scope 
$scope.details = data; 
}); 
} 

ответ

1

попытаться обновить детали используйте $ interval в вашем контроллере.

$interval(function() { 
    $scope.detail = 'call your getData service here'; 
}, 1000); 

ClientsApp.controller("DbController",['$scope','$http', $interval, function($scope,$http,$interval){ 
    ... 
} 
+0

$ interval - идентификатор? – Bogdan2305

+0

Это угловой контроллер: 'var ClientsApp = angular.module ('ClientsApp', []); ClientsApp.controller ("DbController", [ '$ сфера', '$ HTTP', функция ($ сфера, $ HTTP) { // Функция, чтобы получить подробную информацию сотрудника из базы данных GetInfo(); функции GetInfo () { // Отправка запроса в файлы EmpDetails.php $ http.post ('includes/assets/receptie_clienti/databaseFiles/get_clients.php'). Success (функция (данные) { // Хранимые возвращенные данные в область $ scope.details = data; } } ' – Bogdan2305

+0

$ interval - это угловой поставщик услуг, например window.setInterval. Вы можете ввести его на свой контроллер – Pengyy