Angular: Empty Fiddle

http://angularjs.org/

HTML

<div ng-controller="FilterCtrl">
    filter.country: {{ filter.country }}
    
    <br/>
    <select ng-model="changeMe" ng-options="d as d for d in dummyValues" ng-change="changeMeChange()">
        <option value="">Change Me</option>
    </select>
    <select ng-model="filter.country" ng-options="country.code as country.name for country in countries">
        <option value="">All Countries</option>
    </select>
</div>

JavaScript

var myApp = angular.module('myApp',[]);

function FilterCtrl($scope) {
    $scope.countries = [
        {
            "code": "KW",
            "name": "Kuwait"
        },
        {
            "code": "US",
            "name": "USA"
        }
    ];
    
    $scope.dummyValues = ['opt1'];
    
    $scope.changeMeChange = function() {
        $scope.countries = [
            {
                "code": "MX",
                "name": "Mexico"
            }
        ];
    }
}