angular js项目不起作用

Question

我正在开发一个带有角度js的小项目（ps：这是我第一次使用它）而且我被这个错误阻止了，我不明白为什么

angular.module("jsonerator", [])
.controller('theController', function ($scope) {

    $scope.personld = {
        "@context": {
            "schema": "http://schema.org/"
        },
        "@graph": [
            {
                "@id": "person",
                "@type": "schema:Person",
            }
        ]
    }

    $scope.personld["@graph"][0]["schema:givenName"] = "";
    $scope.personld["@graph"][1]["schema:familyName"] = "";
}

Answer 1

要修复错误，您需要在@graph数组中添加另一个对象，它应该可以正常工作。 然后定义["@graph"][1] 。 问题是你的数组中只有一个项目。

"@graph": [ 
   { "@id": "person", "@type": "schema:Person" }, 
   {} 
]

Answer 2

@graph数组的长度只有1个元素，因此$scope.personld["@graph"][1]不存在，命令$scope.personld["@graph"][1]["schema:familyName"] = ""; 抛出错误。