无法在我的角度模板中获取对象内部的值

Question

所以我的控制器中有这段代码：

$scope.loadContacts = function () {
  $scope.contacts = [];
  document.addEventListener("deviceready", function () {
    var options = {};
    options.multiple = true;
    $cordovaContacts.find(options).then(function (allContacts) {
      for (var i = 0; i < allContacts.length; i++) {
        var contact = allContacts[i];
        if (contact.phoneNumbers != null)
          $scope.contacts.push(contact);
      }
    }, function (error) {
      console.log("ERROR: " + error);
    })
  });
}

所以我对该代码没有错误。在我的模板中：

<ion-item class="item-text-wrap" ng-repeat="c in contacts">{{c.displayName}} - {{c.phoneNumbers}}
</ion-item>

还有输出：

如您所见，尽管我正在获取对象，但它仍然有效。所以我尝试了

<ion-item class="item-text-wrap" ng-repeat="c in contacts">{{c.displayName}} - {{c.phoneNumbers.value}} // .value since I want to get the cellphone numbers
</ion-item>

但没有运气。我得到一个空列表，这意味着它有错误。如何正确访问模板中的手机号码？

Answer 1

你的 phoneNumbers 是一个数组，如果你想让电话号码访问第一个对象，这应该可以工作

<ion-item class="item-text-wrap" ng-repeat="c in contacts">{{c.displayName}} - {{c.phoneNumbers[0].value}} </ion-item>