使用變量時未定義AngularJS

Question

這是我一直在使用AngularJS進行的第一個測試應用程序，我似乎在一些簡單的事情上遇到了一些錯誤。

我有我的AngularJS服務，該服務將JSON返回到我的控制器（ 已指定“ crucify”，但這是用戶在texbox中輸入的內容 ）：

{"crucify":{"id":37635889,"name":"Crucify","profileIconId":984,"summonerLevel":30,"revisionDate":1450980592000}}

現在，在我的控制器中，我希望能夠訪問JSON值“ id ”和“ name ”等。因此，我這樣寫：

xile.controller('searchController', ['personSearch', '$scope', function (personSearch, $scope) {

$scope.search = function () {

    var summoner = $scope.summoner;

    personSearch.findPlayer(summoner).then(function (data) {
        $scope.answer = data;
    });
}

}]);

因此，數據等於上面發布的JSON。 如何在HTML中從JSON綁定“ id ”和“ name ”？ 我已經在下面發布了我的HTML，但這似乎不起作用？

<div>Answer: {{answer.id}}</div>
<div>Answer: {{answer.name}}</div>

編輯：

用戶將在文本框中輸入用戶名：

<input type="text" id="txt_searchUser" ng-model="summoner" />

因此，Crucify是一個示例，它等於在此框中輸入的任何內容。

Answer 1

 var key=Object.keys(data) //return ["crucify"], object key $scope.summoner =data[key[0]]; //return object value 

Answer 2

 xile.controller('searchController', ['personSearch', '$scope', function (personSearch, $scope) { $scope.search = function () { var summoner = $scope.summoner; personSearch.findPlayer(summoner).then(function (data) { //first method $scope.answer = data.crucify; //second method $scope.answer = data }); } }]); 

 //first method <div>Answer: {{answer.id}}</div> <div>Answer: {{answer.name}}</div> //second method <div>Answer: {{answer.crucify.id}}</div> <div>Answer: {{answer.crucify.name}}</div> 

Answer 3

您是否嘗試過將ng-if添加到div中？

<div data-ng-if="answer.id">Answer: {{answer.id}}</div>
<div data-ng-if="answer.name">Answer: {{answer.name}}</div>