Angular js sélectionnez liaison

J'ai regardé tellement de nombreux exemples de la façon de faire cela, mais encore ne semblent pas le comprendre.
J'ai une installation très simple angulaire app avec le contrôleur et suis en train de remplir une seule balise select.

<body data-ng-app="App">
<div data-ng-controller="DemoController">
    {{var}}
    <select data-ng-options="v.id as v.name for v in selectVals">
        <option value="">Select</option>
    </select>
</div>
</body>

angular.module('App', []).controller('DemoController', function($scope) {
        $scope.var = 'a';
        $scope.selectVals = [
            { name: '1st', id: 1 }, 
            { name: '2nd', id: 2 }
        ];
});

Voici le jsFiddle: http://jsfiddle.net/Fc5ne/3/
Toute aide serait grandement appréciée.

J'ai déjà regardé dans ces lieux et a essayé de comparer mon code, mais je suis toujours en manque de quelque chose: https://docs.angularjs.org/api/ng/directive/select, http://jsfiddle.net/qWzTb/, http://jsfiddle.net/qm7E7/19/, Angulaire: la Liaison des objets en <select>, ... ainsi que quelques autres débordement de pile questions.

OriginalL'auteur peinearydevelopment | 2014-07-16