單選按鈕設置屬性

Question

的Javascript：

functional OrderViewModel() { 
    this.selectedVehicle = ko.observable(); 

    this.vehicles = ko.observableArray([ 
    new VehicleViewModel('Toyota'), 
    new VehicleViewModel('Ford'), 
    new VehicleViewModel('Chevy') 
    ]); 
} 


function VehicleViewModel(name) { 
    this.name = name; 
} 


ko.applyBindings(new OrderViewModel()); 

HTML：

<div> 
    <!--ko foreach: $data.vehicles --> 
     <label> 
      <input type="radio" data-bind="value: $data.name, checked: $parent.selectedVehicle" /> 
      <span data-bind="text: $data.name"></span> 
     </label> 
    <!-- /ko --> 
</div> 

如何使它更新OrderViewModel與 「selectedVehicle」 屬性選擇的VehicleViewModel（而不是名稱）？

Answer 1

你基本上有它。看看這個 https://jsfiddle.net/16hozLzL/

<div> 
    <!--ko foreach: $data.vehicles --> 
     <label> 
      <input type="radio" data-bind="value: $data, checked: $parent.selectedVehicle" /> 
      <span data-bind="text: $data.name"></span> 
     </label> 
    <!-- /ko --> 
</div> 

只是刪除從值綁定。名稱，它將整個對象