Nesting ng-options inside an ng-repeat

AngularJS : Trying to figure out how to get multiple select elements to show up with the right option values inside them.

by Danish Farman

HTML

<div ng-app="Test1">
    <div ng-controller="Foo">
    <form ng-submit="addMapping()">


        <div ng-repeat="(dim, values) in observedDimensions">
            {{values}}
            <select ng-options="val for val in values" name="dim-{{dim}}" ng-model="selectedVal" ng-model="selectedVal">
                <option value="">-- select a {{dim}} --</option>
            </select>
            {{dim}} : {{values}}
            <br/>
            Selected: {{selectedVal}}
        </div>        
    </form>
    </div>
</div>

JavaScript

angular.module('Test1',[]).controller('Foo', function($scope, $element) {
    
    $scope.observedDimensions = JSON.parse('{"app": ["word", "excel"], "client": ["foo", "bar"], "tier": ["dev", "prod", "qa", "stage"]}');
    
});