javascript - 无法访问我的 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

更新

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();
});