Inicializando selecione com AngularJS e ng-repeat
Eu estou tentando obter select-box para começar com uma opção pré-preenchida usando ng-repeat com o AngularJS 1.1.5. Em vez disso, o select sempre começa com nada selecionado. Também tem uma opção vazia, que eu não quero. Eu acho que há um efeito colateral de nada ser selecionado.
Eu posso fazer isso funcionar usando ng-options ao invés de ng-repeat, mas eu quero usar ng-repeat para este caso. Embora meu exemplo reduzido não o mostre, também quero definir o atributo de título de cada opção, e não há como fazer isso usando ng-options, até onde eu sei.
Eu não acho que isso esteja relacionado ao problema comum de herança de escopo / protótipo do AngularJs. Pelo menos não vejo nada óbvio quando inspeciono em Batarang. Além disso, quando você escolhe uma opção na seleção com a interface do usuário, o modelo é atualizado corretamente.
Aqui está o 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>
E o JavaScript:
function AppCtrl($scope) {
$scope.filterCondition={
operator: 'eq'
}
$scope.operators = [
{value: 'eq', displayName: 'equals'},
{value: 'neq', displayName: 'not equal'}
]
}
JS Fiddle para isso:http://jsfiddle.net/coverbeck/FxM3B/2/