0
我有一個控制器使用服務chartFactory.chartData
屬性給一些數據來查看。問題在於工廠在返回對象之前chartFactory.chartData
函數有時間從後端返回數據,所以屬性未定義。angularJS服務對象屬性undefined
我知道這是一個異步問題,但我不知道如何處理它在工廠和控制器之間。
chartFactory.js
app.factory('chartFactory', ['$http', '$interval', function($http, $interval) {
var service = {
get chartData() {
$http.get('/portfolio/get-chart-data')
.then(function(response) {
console.log(response.data, 'response data') //logging after undefined message
return response.data
})
}
}
return service
}])
chartController.js
app.controller('chartCtrl', function($scope, $timeout, $http, chartFactory) {
$scope.chartData = chartFactory
$scope.height_chart = window.innerHeight * 0.4
$scope.labels = chartFactory.chartData[0]; //undefined
$scope.series = chartFactory.chartData['GDAX Value']; //undefined
$scope.data = [
chartFactory.chartData[1] //undefined
];
$scope.onClick = function(points, evt) {
console.log(points, evt);
};
$scope.datasetOverride = [{
yAxisID: 'y-axis-1'
}];
$scope.options = {
responsive: true,
maintainAspectRatio: false,
scales: {
yAxes: [{
id: 'y-axis-1',
// type: 'linear',
display: true,
position: 'left',
ticks: {
beginAtZero: false,
callback: function(value, index, values) {
if (parseInt(value) >= 1000) {
return '$' + value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
} else {
return '$' + value;
}
}
}
}],
xAxes: [{
display: false
}]
}
}
})
我不認爲這是最好的解決方案,因爲現在當在單頁面應用程序中切換標籤時,圖表每次都會重新加載。我想要一個解決方案,其中控制器數據綁定到工廠數據,並且如果工廠數據更改控制器數據更改而不從頭開始加載。那有意義嗎? – chuckieDub
這就是我要求的......你能告訴我嗎?請致電 – chuckieDub
@chuckieDub查看答案 – Sajeetharan