Winkelform Auswahloptionen vs Radio-Tasten

Question

Ich habe eine Arbeitsform wählen Sie diese in angularjs.

<select ng-model="selectedProduct" 
    ng-options="product as product.text for product in products"> 
</select> 

Ich möchte dies zu Radiobuttons ändern, da es nur zwei Optionen in Produkten gibt. Die Benutzeroberfläche wird sich davon verbessern. Die Ausgabe von oben ist Auswahloptionen mit value=0 und value=1.

Ich versuchte dies:

<div ng-repeat="product in products"> 
    <input id="{{product.productId}}" type="radio" 
     name="BlahBlah" ng-value="{{$index}}" ng-model="selectedProduct" required /> 
    <label for="{{product.productId}}"> 
     {{product.text}} 
    </label> 
</div> 

Die $index macht value=0 und value=1 für die Radio-Buttons, genau wie die Auswahl von Optionen. Aber es funktioniert nicht. Die Daten werden vom Controller nicht aufgenommen und weitergegeben. Ich würde es vorziehen, wenn möglich nicht Dinge in den Controller neu zu schreiben.

Ich dachte, das wäre super einfach: -/ Wie kann ich hier vorwärts gehen?

Answer 1

Ihr wählen ng-Modells ist ein Objekt Produkt, nicht 0 oder 1. Die äquivalente nur

<input type="radio" name="BlahBlah" ng-value="product" ng-model="selectedProduct" /> 

Demo wäre: http://plnkr.co/edit/OLfcAwv4wEX2K3mAxBxK?p=preview