JSFiddle - React, Tailwind, and code Playground

http://stackoverflow.com/questions/22316121/angularjs-selecting-option-value-within-multiple-selects-onload

by wittwerj

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.9/angular.min.js"></script>
<div ng-app="app" ng-controller="appcontrol">
    <select ng-repeat="item in items" ng-model="item.category_index"
        ng-options="categories.indexOf(category) as category.name for category in categories">
    </select>
</div>

JavaScript

var app = angular.module("app",[]);

app.controller("appcontrol", function($scope) {    
    $scope.categories = [
        {name:'Dry/Baking Goods ', order:'0'},
        {name:'Frozen Foods', order:'1'},
        {name:'Produce', order:'2'},
        {name:'Meats', order:'3'},
        {name:'Dairy', order:'4'},
        {name:'Snacks', order:'5'},
        {name:'Beverages', order:'6'},
        {name:'Bread/Bakery', order:'7'},
        {name:'Canned/Jarred Goods', order:'8'},
        {name:'Cleaners', order:'9'},
        {name:'Paper Goods', order:'10'},
        {name:'Personal Care', order:'11'},
        {name:'Other', order:'12'}
    ];

    $scope.items = [
        {text:"Butter", category_index: 1},
        {text:"Lemons", category_index: 2}
    ];
});