Inicializando select con AngularJS y ng-repeat

Question

Sep 06, 2013, 12:42 AM

Inicializando select con AngularJS y ng-repeat

Estoy intentando obtener un cuadro de selección para comenzar con una opción precargada usando ng-repeat con AngularJS 1.1.5. En cambio, la selección siempre comienza con nada seleccionado. También tiene una opción vacía, que no quiero. Creo que hay un efecto secundario de que nada sea seleccionado.

Puedo hacer que esto funcione con ng-options en lugar de ng-repeat, pero quiero usar ng-repeat para este caso. Aunque mi ejemplo reducido no lo muestra, también quiero establecer el atributo de título de cada opción, y no hay forma de hacerlo usando ng-options, que yo sepa.

No creo que esto esté relacionado con el problema de herencia prototípica / alcance de AngularJs. Al menos no veo nada obvio al inspeccionar en Batarang. Además, cuando selecciona una opción en la selección con la interfaz de usuario, el modelo se actualiza correctamente.

Aquí está el HTML:

<body ng-app ng-controller="AppCtrl">
    <div>
        Operator is: {{filterCondition.operator}}
    </div>
    <select ng-model="filterCondition.operator">
       <option 
           ng-repeat="operator in operators" 
           value="{{operator.value}}"
       >
           {{operator.displayName}}
       </option>
    </select>
</body>

Y el JavaScript:

function AppCtrl($scope) {

    $scope.filterCondition={
        operator: 'eq'
    }

    $scope.operators = [
        {value: 'eq', displayName: 'equals'},
        {value: 'neq', displayName: 'not equal'}
     ]
}

JS Fiddle por esto:http://jsfiddle.net/coverbeck/FxM3B/2/