無法訪問我的Javascript對象的屬性

Question

我正在使用Angular.js從我的API中獲取單個記錄。我將記錄作爲對象返回，我可以記錄對象並查看它的屬性，但我無法訪問任何屬性。我剛剛得到undefined。

var template = Template.get({id: id}); 
$scope.template = template; 
... 
console.log(template); // displays object 
console.log(template.content); // undefined 

UPDATE

var id = $routeParams.templateId; 
var template = Template.get({id: id}); 
$scope.template = template; 

/*** Template placeholders ***/ 
$scope.updatePlaceholders = function() { 
    var placeholders = []; 
    var content = template.content; 

    console.log(template); // dumps the object in the screenshot 
    console.log("content" in template); // displays false 

    // get placeholders that match patter 
    var match = content.match(/{([A-z0-9]+)}/gmi); 
    ... 
} 

$scope.$on('$viewContentLoaded', function(){ 
    $scope.updatePlaceholders(); 
}); 

Answer 1

你需要等待你的HTTP請求來完成，然後指定哪些回調做。在這種情況下，我已經更進了一步，並向您的模板對象添加了一個偵聽器，以便updatePlaceholders和您的資源之間不存在回調依賴關係。

var id = $routeParams.templateId; 
var template = Template.get({id: id}, function(res) { 
    $scope.template = template; 
}); 

/*** Template placeholders ***/ 
$scope.updatePlaceholders = function() { 
    var placeholders = []; 
    var content = $scope.template.content; 

    console.log($scope.template); 
    console.log("content" in $scope.template); 

    // get placeholders that match patter 
    var match = content.match(/{([A-z0-9]+)}/gmi); 
    ... 
} 

$scope.$watch('template', function(newValue){ 
    if(newValue) $scope.updatePlaceholders(); 
});