Угловой, синхронизирующий два элемента выбора

Question

Я стараюсь понять привязки и выбрать элементы. Я хочу, чтобы два элемента select были синхронизированы. Кажется, что ng-value = "$ index" должно быть правильным, но оно не работает.

Эти синхронизации:

<select ng-model="myVar1"><option value="{{n}}" ng-repeat="(n, o) in ['donny', 'felix', 'bob'] track by $index" >{{o}}</option></select> 

{{O}}

но они Dont:

<select ng-model="myVar2"><option ng-value="$index" ng-repeat="o in ['donny', 'felix', 'bob'] track by $index" >{{o}}</option></select> <select ng-model="myVar2"> <option ng-value="$index" ng-repeat="o in ['donny', 'felix', 'bob'] track by $index" >{{o}}</option> </select> 

JSBIN: http://jsbin.com/dirugikice/1/edit?html,js,output

Что мне не хватает?

Answer 1

Оберните $ индекс в скобках, например {$index}

<select ng-model="myVar2"><option ng-value="{$index}" ng-repeat="o in ['donny', 'felix', 'bob'] track by $index" >{{o}}</option></select> <select ng-model="myVar2"> <option ng-value="{$index}" ng-repeat="o in ['donny', 'felix', 'bob'] track by $index" >{{o}}</option> </select> 

http://jsbin.com/pubapigibi/1/edit