JSFiddle - React, Tailwind, and code Playground
HTML
<div ng-controller="Main">
<select multiple ng-options="item.subItem as item.label for item in listA.values" ng-model="listA.selected"></select>
</div>
JavaScript
var fiddleApp = angular.module('fiddleApp', []);
fiddleApp.controller('Main', ['$scope', function($scope) {
// is angular loaded and working?
// (reduce future debugging)
$scope.listA = {
values: [{
id: 1,
label: 'aLabel',
subItem: {
name: 'aSubItem'
}
}, {
id: 2,
label: 'bLabel',
subItem: {
name: 'bSubItem'
}
}],
selected: [{
name: 'aSubItem'
}]
};
}]);
// http://docs.angularjs.org/guide/bootstrap Manual Initialization
angular.bootstrap(document, ['fiddleApp']);