Вложенный список для выбора опции в angularjs

Question

Абсолютно новый для angularjs

У меня есть объект JSON следующим

data = 
[{ company : "companyA", headOffice : "cityA", industry :"software", transactionCurency : "USD" , otherAspect :{numberofEmployees : "10000", public : "yes", listed : "NYSE"}}, 

{ company : "companyB", headOffice : "cityA", industry :"software", transactionCurency : "USD" , otherAspect :{numberofEmployees : "20000", public : "no", listed : "NA"}}, 

{ company : "companyC", headOffice : "cityB", industry :"Oil", transactionCurency : "EUR" , otherAspect :{numberofEmployees : "150000", public : "yes", listed : "LSE"}}, 
{ company : "companyD", headOffice : "cityX", industry :"manufactoring", transactionCurency : "YEN" , otherAspect :{numberofEmployees : "30000", public : "yes", listed : "TSE"} 
}, 

{ company : "companyE", headOffice : "cityB", industry :"Auto", transactionCurency : "EUR" , otherAspect :{numberofEmployees : "330000", public : "no", listed : "NA"}}]; 

Я хочу, чтобы создать падение падения на основе «otherAspect» внутренний список .. , как numberOfEmployees = {3000,330000,1000, 20000}, перечисленные = «NYSE, NA, LSE, TSE» аналогичным образом.

Я попытался использовать ng-repeat, но для каждого объекта он создал drop down, поэтому у меня было сотни выпадающих.

Как я уже сказал, я новичок в этом форуме, а также angularjs. Я не уверен, какую информацию мне нужно предоставить. Благодаря

Answer 1

Вы можете сделать это с помощью ng-options:

<select ng-model="aspect" ng-options="d.otherAspect.listed for d in data"></select> 

Demo on JSFiddle.

Answer 2

Попробуйте как этот

HTML:

<div ng-app="myApp"> 
<div ng-controller="MyCtrl"> 
<select ng-model="aspect" ng-options="d.otherAspect.listed for d in data"> 
</select> 
<br/>Selected: {{aspect}} 
</div> 
</div> 

Javascript:

var myApp = angular.module('myApp', []); 
myApp.controller('MyCtrl', ['$scope', function($scope) { 
$scope.data = [{ 
    company: "companyA", 
    headOffice: "cityA", 
    industry: "software", 
    transactionCurency: "USD", 
    otherAspect: { 
    numberofEmployees: "10000", 
    public: "yes", 
    listed: "NYSE" 
    } 
}, 

{ 
    company: "companyB", 
    headOffice: "cityA", 
    industry: "software", 
    transactionCurency: "USD", 
    otherAspect: { 
    numberofEmployees: "20000", 
    public: "no", 
    listed: "NA" 
    } 
}, 

{ 
    company: "companyC", 
    headOffice: "cityB", 
    industry: "Oil", 
    transactionCurency: "EUR", 
    otherAspect: { 
    numberofEmployees: "150000", 
    public: "yes", 
    listed: "LSE" 
    } 
}, { 
    company: "companyD", 
    headOffice: "cityX", 
    industry: "manufactoring", 
    transactionCurency: "YEN", 
    otherAspect: { 
    numberofEmployees: "30000", 
    public: "yes", 
    listed: "TSE" 
    } 
}, 

{ 
    company: "companyE", 
    headOffice: "cityB", 
    industry: "Auto", 
    transactionCurency: "EUR", 
    otherAspect: { 
    numberofEmployees: "330000", 
    public: "no", 
    listed: "NA" 
    } 
} 
]; 
}]);