Доброго времени суток. Возникла такая проблема. У меня есть сервис (фабрика), которая отвечает за данные, и передает их в контроллер, который выводит их на экран. Суть проблемы в том, что сервис успешно обновляет данные, но информация на экране не изменяется.
Теперь код. Простейшая HTML структура
<!DOCTYPE html>
<html lang="ru" ng-app="app">
<head>
<meta charset="UTF-8">
<title>Тестируем сервис</title>
<script src="bower_components/angular/angular.min.js"></script>
<script src="js/app.js"></script>
</head>
<body ng-controller="testCtrl">
<p>{{data}}</p>
</body>
</html>
var app = angular.module('app', []);
app.factory('dataService', function () {
var data = {
number: 1
};
function changeData() {
var number = Math.floor(Math.random( ) * (359+1));
data.number = number;
};
setInterval(changeData,1000);
return data;
});
app.controller('testCtrl', function ($scope, dataService) {
console.log(dataService);
$scope.data = dataService.number;
});