AngularJS - 推送JSON數據（結構正確，但缺少某些東西）

Question

我對AngularJS是全新的，現在我正在轉換一個小應用程序，雖然有一件事讓我絆倒了。

我的目標是向儀表板添加一個模塊，並且如果我硬編碼JSON數據，一切工作正常，但是，使用變量時似乎有問題。

我的服務：

var pushData = angular.toJson({"modID": "mod_rText_01", "sequence": 1, "group": 1, "dashboard": 1, "type": "text", "content": ["17%", "operating capacity"]}); 
console.log(' :: Module data pushed: ' + pushData); 
$rootScope.$broadcast('locations', pushData); // broadcast to controller 

我的控制器：

// listen for service location updates 
$scope.$on('locations', function(event, pushData) { 
    console.log(' :: Module data received: ' + pushData); 
    $scope.locations.push(pushData); 
}); 

控制檯日誌：

:: Module data pushed: {"modID":"mod_rText_01","sequence":1,"group":1,"dashboard":1,"type":"text","content":["17%","operating capacity"]} 
:: Module data received: {"modID":"mod_rText_01","sequence":1,"group":1,"dashboard":1,"type":"text","content":["17%","operating capacity"]} 

如前所述，如果我改變控制器線爲：$scope.locations.push({"modID":"mod_rText_01","sequence":1,"group":1,"dashboard":1,"type":"text","content":["17%","operating capacity"]});

它工作正常。我覺得我錯過了一些東西！雖然根據console.log，變量'pushData'是正確的，但沒有任何反應。

任何幫助將不勝感激！

Answer 1

問題是您將對象轉換爲JSON。

你在這裏做的是你實際發送一個STRING，而不是一個對象。

angular.toJson({"modID": "mod_rText_01", "sequence": 1, "group": 1, "dashboard": 1, "type": "text", "content": ["17%", "operating capacity"]});

這個字符串被刊登在事件和控制器回升。因此，在下面的代碼，而不是一個對象，你真的添加一個字符串數組：

$scope.locations.push(pushData);

解決方案：剛剛發佈常規的JavaScript對象，而不是字符串，並預期它應該工作。 $broadcast() and $on()也能夠與真實物體一起使用。

var dataObj = {"modID": "mod_rText_01", "sequence": 1, "group": 1, "dashboard": 1, "type": "text", "content": ["17%", "operating capacity"]}; 
$rootScope.$broadcast('locations', dataObj);