javascript - 带有子对象的 Ng 选项

Question

这是我的数组:

$scope.subscriptions = [
      {
        currency: {
          title: 'Euro',
          symbol: '€'
        },
        licenses: [
          {
            nrOfLicenses: 5,
            price: 500
          },
          {
            nrOfLicenses: 10,
            price: 750
          }
      ]
    },
    {
      currency: {
        title: 'SEK',
        symbol: 'kr'
      },
      licenses: [
        {
           nrOfLicenses: 5,
            price: 5000
         },
         {
            nrOfLicenses: 10,
            price: 7500
          }
      ]
    },    
  ]

  $scope.selectedSubscription = $scope.subscriptions[0];

我想要一个选择框，您可以在其中选择货币。

我试过这个:

<select ng-model="selectedSubscription.currency" ng-options="currency.title for currency in subscriptions"></select>

它不起作用。这是一个 fiddle :http://jsfiddle.net/HB7LU/10066/

我做错了什么？

Answer 1

您需要像这样更改选择:-

<select ng-model="selectedSubscription.currency" ng-options="sub.currency.title for sub in subscriptions"></select>

这是更新的 fiddle http://jsfiddle.net/gbsLa4wh/