敲除模板绑定丢失状态

Question

我正在使用模板绑定来呈现一组单选按钮。元素上还有一个css绑定。

单击单选按钮时，viewmodel

http://jsfiddle.net/d3YJc/1/

<div data-bind="with: point">
    <div data-bind="template: { name: 'template1', data: $data }, css: { 'has-warning': hasAlarm }"></div>
</div>

<script type="text/template" id="template1">
    <!-- ko foreach: choices -->
    <label>
        <input type="radio" data-bind="checked: $parent.value, value: $data" name="test" />
        <span data-bind="text: $data"></span>        
    </label><br/>
    <!-- /ko -->    
    <span data-bind="visible: hasAlarm">Abnormal!</span>
</script>

Answer 1

问题在于选中的和值绑定的顺序。checked绑定使用元素的值来确定是否应该对其进行检查。当元素第一次绑定时，值由值绑定在选中绑定初始化后设置。因此，最简单的修复方法是重新排序绑定。另外，我建议您使用attr绑定而不是value，因为value有额外的开销（它是为文本框设计的双向绑定）。

data-bind="attr: {value: $data}, checked: $parent.value"

http://jsfiddle.net/mbest/d3YJc/2/

敲除3.0还修复了顺序问题（除了注释中提到的渲染问题），因此这是解决此问题的另一种方法。