Почему String данные не заносятся в $scope?

Question

[HolmesInc]

Добрый вечер. Суть вопроса:
есть объект, который хранит поля, по которым строится график

$scope.placeObject = {
		place: [
		{
			name: 'some name 1',
			opacity: graphOpacity,
			value: 0,
			text: 'some text 1'	
		},
		{
			name: 'some name 2',
			opacity: graphOpacity,
			value: 0,
			text: 'some text 2'	
		},
		{
			name: 'some name 3',
			opacity: graphOpacity,
			value: 0,
			text: 'some text 3'	
		},
		{
			name: 'some name 4',
			opacity: graphOpacity,
			value: 0,
			text: 'some text 4'
		},
		]
	};

Данные для создания графика мы получаем из бд:

$http.get('../../php_scripts/functionality/votes/get_new_place_data.php').then(function(response) {
		$scope.placeObject.place[0].value = response.data[0].index_of_validity;
		$scope.placeObject.place[0].text = response.data[0].name;
});

При отображении графика значение value(index_of_validity) принимает и отображает нужный индекс, а вот текстовые поля, типо имени графика пишет те, что изначально занесены в объект (some text). Как бы это пофиксить?

Comments

[OVK2015]

А что у вас в response? Без get(прямым присваиванием),- работает штатно

[HolmesInc]

OVK2015: а можете по подробнее про прямое присваивание? В response у меня json объект сформированный из данных бд

[OVK2015]

HolmesInc:
Тут все просто:

function printValues()
{
console.log($scope.placeObject.place[0]);
console.log($scope.placeObject.place[1]);
}

console.log('\nBefore:')
printValues();
$scope.placeObject.place[0].value = 100500;
$scope.placeObject.place[0].text = 'new value';
$scope.placeObject.place[1].value = 100501;
$scope.placeObject.place[1].text = 'another new value';
console.log('\nAfter:');
printValues();

Насчет

Справедливо предположить, что если числовые значения внеслись, то директива работает

может он с сервера те же самые значения получает, что уже в поля занесены? раз уж они не меняются

[HolmesInc]

OVK2015: нет, там изначально введены как в коде что я представил-так что данные точно не не совпадают

[OVK2015]

HolmesInc:
Магия.... А console.log внутри then что-нибудь говорит?

[HolmesInc]

OVK2015: вот именно что внутри then консоль выдает $scope.placeObject.place[0].text уже с новым значением.

[HolmesInc]

OVK2015: вот и выходит что числовые значения за меняются на новые, а текстовые нет

[OVK2015]

HolmesInc:
Погодите. Что-то я не понял. Вы пишите внутри then значение $scope.placeObject.place[0].text изменилось, на полученное от сервера, а потом как-то опять вернулось к исходному? Ерунда какая-то выходит...

[HolmesInc]

OVK2015: Согласен. Иначе не спрашивал бы)
Но в этом и прикол. Здесь:
$scope.placeObject.place[0].value = response.data[0].index_of_validity;
$scope.placeObject.place[0].name = response.data[0].name;
console.log($scope.placeObject.place[0].name)
Консоль выводит новое значение
А на вьюхе:

выводит то что изначально было в placeObject.place[0], то есть
$scope.placeObject = {
place: [
{
name: 'some 1',
opacity: graphOpacity,
value: 0,
text: 'some text 1'
}]
}

[Алексей Ярков]

HolmesInc: покажите вьюху

[HolmesInc]

Алексей Ярков: Посмотрите в 3 комментарии к посту, сюда не отображает весь код

Answer 1

[HolmesInc]

<div class="col-md-3">
	<raphael-gauge id="place1" config="placeObject.place[0]"></raphael-gauge>
</div>
<div class="col-md-3">
	<raphael-gauge id="place2" config="placeObject.place[1]"></raphael-gauge>
</div>

Модуль:

var ratingApp = angular.module('ratingApp', ['angular-raphael-gauge']);
ratingApp.controller('ratingCtrl', function($scope, $http) {
	var graphOpacity = 0.55;
	$scope.placeObject = {
		place: [
		{
			name: 'some 1',
			opacity: graphOpacity,
			value: 0,
			text: 'some text 1'	
		},
		{
			name: 'some 2',
			opacity: graphOpacity,
			value: 0,
			text: 'some text 2'	
		},
		{
			name: 'some name 3',
			opacity: graphOpacity,
			value: 0,
			text: 'some text 3'	
		},
		{
			name: 'some name 4',
			opacity: graphOpacity,
			value: 0,
			text: 'some text 4'
		},
		]
	};
$http.get('../../php_scripts/functionality/votes/get_new_place_data.php').then(function(response) {
		$scope.placeObject.place[0].value = response.data[0].index_of_validity;
		$scope.placeObject.place[0].name = response.data[0].name;
		console.log($scope.placeObject.place[0].name)
		$scope.placeObject.place[1].value = response.data[1].index_of_validity;
		$scope.placeObject.place[1].name = response.data[1].name;
		console.log($scope.placeObject.place[1].name)
  });
});
Похоже что проблема в модуле для отрисовки графика(использую этот http://angular-js.in/angular-raphael-gauge/)
Он отрисовывает только те значения, которые изначально заданы в объекте $scope.placeObject и не обновляет их после get запроса. Можно ли как то отредактировать этот модуль?

Comments

[Алексей Ярков]

Даже хз что посоветовать. На гитхабе глянул исходник - там отслеживается изменение. А если попробовать не использовать массив? Попробуйте так:

$scope.placeObject = {
    place1: 
    {
      name: 'some 1',
      opacity: graphOpacity,
      value: 0,
      text: 'some text 1'	
    },
    place2: 
     {
      name: 'some 2',
      opacity: graphOpacity,
      value: 0,
      text: 'some text 2'	
    },
    place3: 
    {
      name: 'some name 3',
      opacity: graphOpacity,
      value: 0,
      text: 'some text 3'	
    },
    place4: 
    {
      name: 'some name 4',
      opacity: graphOpacity,
      value: 0,
      text: 'some text 4'
    }
  };

[HolmesInc]

Алексей Ярков: как раз таки нет. Отслеживания там только для value а не для text. Спасибо за наводку - решил проблему с помощью добавления отслеживания через $scope$watch()

Answer 2

[_ _]

Если вы строите график используя стороннюю директиву, то почему вы уверены, что она корректно отслеживает факт изменения наименования графика в $scope? Может она при инициализации его один раз оттуда берет. Для того, чтобы видеть актуальное содержимое $scope поставьте себе angular batarang в chrome

Comments

[HolmesInc]

Справедливо предположить, что если числовые значения внеслись, то директива работает

Answer 3

[Артур]

а ответ сервера по запросу $http.get('../../php_scripts/functionality/votes/get_new_place_data.php')
нормальный приходит?
в частности смущает относительный путь в адресе

Comments

[HolmesInc]

Ответ идет нормально. К тому же если сделать consol.log() и вывести place[0].text выведется уже значение из бд.

[Артур]

HolmesInc: а то что в массиве есть поля name и text, а в запросе идет присвоение name в text
$scope.placeObject.place[0].text = response.data[0].name;
тоже так должно быть?

[HolmesInc]

Артур: тут я уже просто пробовал варианты что именно присвается. По логике программы конечно вместо text идет name