Angularjs: botão de rádio marcado
Eu estou tentando construir um configurador de cores em AngularJS usando botões de rádio e tudo parece estar funcionando, os dados se ligam, etc ... masNão consigo definir o botão de opção de cor padrão marcado. Como eu vejo nos documentos se o modelo ng é o mesmo que o valor de rádio, a entrada deve ser verificada automaticamente, mas não sei se isso funciona apenas para strings e não para objetos.
Este é o HTML:
<div ng-app ng-controller="ThingControl">
<ul >
<li ng-repeat="color in colors">
<input type="radio" ng-model="thing.color" value="{{color}}" />{{ color.name }}
</li>
</ul>
Preview: {{ thing }}
</div>
E este é o JS:
function ThingControl($scope){
$scope.colors = [
{ name: "White", hex: "#ffffff"},
{ name: "Black", hex: "#000000"}
]
$scope.thing = {
color: $scope.colors[1]
}
}
Você pode ver o exemplo anterior neste violino:http://jsfiddle.net/xWWwT/1/
Muito obrigado antecipadamente!