使用JSON的Ng-Options问题

时间:2016-03-03 18:55:03

标签: javascript angularjs json

我的JSON中包含帐户,通讯录和故障单信息。它将使用ng-repeat输出AccountContact作为下拉列表,为用户提供选项。这非常有效,直到AccountContact只有一个值。

HTML

<select class="form-control input-sm" 
    id="accountSelect" ng-model="option.account" 
    ng-options="account.id as account.name for account in accounts | orderBy: 'name'">
</select>  

的JavaScript

$scope.accounts = info.Account.Account;

JSON(简化)

的示例
{  
   "Account":{  
      "Account":{  
         "id":1234567,
         "name":"Account Name",
         "phone":"123-456-7890"
      },
      "count":1
   },
   "Contacts":{  
      "Contacts":[  
         {  
            "id":1234,
            "name":"Smith, John",
            "accountID":1234567
         },
         {  
            "id":56789,
            "name":"Smith, Jane",
            "accountID":1234567
         }
      ],
      "count":2
   }
}

对我来说,select选项都填充了undefined个值。如果有多个Account,这样可以正常工作。那是为什么?

1 个答案:

答案 0 :(得分:2)

您的Account.Account是一个不是array的对象。

您的帐户应为array

像:

"Account":{  
      "Account":[{  
         "id":1234567,
         "name":"Account Name",
         "phone":"123-456-7890"
      }],
      "count":1
   }