角型選択オプションとラジオボタン

Question

私はangularjsでこのような作業形式を選択しました。

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

製品には2つのオプションしかないので、これをラジオボタンに変更したいと思います。 UIが改善されます。上の出力はvalue=0とvalue=1の選択肢です。

<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> 

$indexだけの選択オプションと同様、ラジオボタンのvalue=0とvalue=1レンダリング：

は、私はこれを試してみました。しかし、それは動作しません。データは、コントローラによってピックアップされずに渡されます。可能であれば、コントローラ内のものを書き換えたくないと思います。

私はこれが非常に簡単だと思った： -/ ここに進むにはどうしたらよいですか？

Answer 1

あなたの選択NG-モデルは、製品のオブジェクトではなく、0または1の等価はちょうど

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

デモのようになります。http://plnkr.co/edit/OLfcAwv4wEX2K3mAxBxK?p=preview