在combobox中顯示數據數組angularjs

Question

我想從json對象的組合框中顯示數據。

<select ng-model="vm.datasource.currencyFormatChoice" ng-options="currencyFormatChoice as currencyFormatChoice for currencyFormatChoice in vm.datasource.currencyFormat"></select> 

這是我擁有的json對象。現在我想將displayValue設置到組合框中。

"currencyFormat": [ { "displayValue": "€ 1.000,00", "value": "{0:C2}" }, { "displayValue": "€ 1.000", "value": "{0:C0}" }, { "displayValue": "$ 1,000.00", "value": "{0:C2}" }, { "displayValue": "$ 1,000", "value": "{0:C0}" }, { "displayValue": "1.000,00", "value": "{0:N2}" }, { "displayValue": "1.000", "value": "{0:N0}" }, { "displayValue": "1,000.00", "value": "{0:N2}" }, { "displayValue": "1,000", "value": "{0:N0}" } ] 

使用HTML代碼，我得到[object Object]而不是$ 1000。我怎樣才能得到displayValue到組合框？

親切的問候

Answer 1

這並獲得成功！

ng-options="currencyFormat as currencyFormat.displayValue for currencyFormat in vm.datasource.currencyFormat" 

Answer 2

我修好了你看看下面的小提琴。

<div ng-app="myapp"> 
     <fieldset ng-controller="FirstCtrl"> 
     <select ng-model="modelValue" ng-options="currencyFormatChoice.displayValue for currencyFormatChoice in vm.datasource.currencyFormatChoice"></select> 

     </fieldset> 
    </div> 

var myapp = angular.module('myapp', []); 
myapp.controller('FirstCtrl', function($scope) { 
$scope.modelValue = {}; 
     $scope.vm = { 
     datasource: { 
      currencyFormatChoice: [{ 
      displayValue: "€ 1.000,00", 
      value: "{0:C2}" 
      }, { 
      displayValue: "€ 1.000", 
      value: "{0:C0}" 
      }, { 
      displayValue: "$ 1,000.00", 
      value: "{0:C2}" 
      }, { 
      displayValue: "$ 1,000", 
      value: "{0:C0}" 
      }] 
     }}; 
     }); 

solution