Backbone.js 击退-主干模型重置，如果渲染，击退

Backbone.js 击退-主干模型重置，如果渲染，击退,backbone.js,knockout.js,knockback.js,Backbone.js,Knockout.js,Knockback.js,我使用主干进行持久性，使用敲除进行绑定，也就是说，我使用击退 页面加载时，一切正常。当我单击复选框时，基于IsChecked的值，将显示yes或no 当我单击“重置模型”按钮时，先前看到的行为将丢失。 也就是说，如果显示“是”，并且我单击“重置”，则无论复选框的状态如何，都不会显示“否” 如果我使用可见绑定，它将工作，但我需要让这个“如果”工作，以便我可以根据用户条件决定是否呈现一些表单元素 感谢您的帮助。谢谢 以下是我的示例代码： <script type="text/javascrip

<script type="text/javascript">

var model_a;
var collection_ac;

var example_new_model_a;

$(document).ready(function () {
    model_a = Backbone.Model.extend({
        idAttribute: 'A_Pid',
        defaults: {
            A_Pid: null,
            ChildName: "",
            IsChecked: false,
            Show: false,
        },
    });

    example_new_model_a = new model_a();
    example_new_model_a.set('ChildName', 'child of test');

    vm = kb.viewModel(example_new_model_a);

    ko.applyBindings(vm, $('#div1')[0]);
});

var vm;

function reset_model() {
    kb.utils.release(vm);
    vm = null;

    example_new_model_a = new model_a();
    example_new_model_a.set('ChildName', 'child of test2');

    vm = kb.viewModel(example_new_model_a);
    ko.applyBindings(vm, $('#div1')[0]);
}

function show_div() {
    example_new_model_a.set('Show', true);
}

var模型；
var集合_ac；
var示例(新模型)(a)；
$（文档）.ready（函数（）{
model_a=主干网.model.extend({
IdaAttribute:“A_Pid”，
默认值：{
A_Pid:null，
儿童姓名：“，
检查：错误，
秀:假,，
},
});
示例_new_model_a=新模型_a（）；
示例新模型集合（'ChildName'，'childoftest'）；
vm=kb.viewModel（示例为新模型）；
ko.applyBindings（vm，$（'div1'）[0]）；
});
var-vm；
函数重置_模型（）{
kb.utils.release（vm）；
vm=null；
示例_new_model_a=新模型_a（）；
示例_new_model_a.set（'ChildName'，'test2的子级'）；
vm=kb.viewModel（示例为新模型）；
ko.applyBindings（vm，$（'div1'）[0]）；
}
函数show_div（）{
示例新模型集合（'Show'，true）；
}

勾选或取消勾选
对

没有

重置
显示

<div data-bind="template: { name: 'test-template-1', if:IsChecked}"></div>
<script type="text/html" id="test-template-1">
  <p>yes2</p>
</script>

<div data-bind="template: { name: 'test-template-2', if:!IsChecked()}"></div>
<script type="text/html" id="test-template-2">
  <p>no2</p>
</script>

是的

二号

<div data-bind="template: { name: 'test-template-1', if:IsChecked}"></div>
<script type="text/html" id="test-template-1">
  <p>yes2</p>
</script>

<div data-bind="template: { name: 'test-template-2', if:!IsChecked()}"></div>
<script type="text/html" id="test-template-2">
  <p>no2</p>
</script>