2016-10-17 2 views
0

Я не могу получить угловое отображение содержимого объекта массива.Простой параметр углового выбора

Controller.js

var app = angular.module('myApp', []); 
app.controller('myCtrl', function($scope) { 
    var items = [ 
      { id: 1, name: 'first obj', type: { open: true, name: 'Global' } }, 
      { id: 2, name: 'second obj', type: { open: true, name: 'Loco-l' } }, 
      { id: 3, name: 'third obj', type: { open: true, name: 'Global' } }   
    ]; 
    console.log(items) 
}); 

template.html

<div ng-app="myApp" ng-controller="myCtrl"> 
    <select ng-model="eachItem" ng-options="item for item in myCtrl.items"> 
    <option value="">My default value</option> 
    </select> 
</div> 

Вот JSFiddle:

https://jsfiddle.net/reala/n5bg060t/4/

EDIT: Я хотел бы отобразить item.type.name, поэтому два поля выбора будут отображать «Глобальный», после чего я в конечном итоге отфильтрую результаты, чтобы показать только уникальные значения.

+2

Ваши объекты не определены в '$ scope' – Alexis

+0

Какие имена и значения вы хотите использовать в своем'