Mvvm 通用表单字段的咨询/编辑模板

Mvvm 通用表单字段的咨询/编辑模板,mvvm,knockout.js,Mvvm,Knockout.js,在我的淘汰表中,我有很多代码重复,如下所示: <div data-bind="if:Id == 0"> My form field : <input type="text" name="MyFormField" data-bind="value:MyFormField /> </div> <div data-bind="if:Id != 0"> My form field consultable : <span data-bind="text

在我的淘汰表中,我有很多代码重复,如下所示:

<div data-bind="if:Id == 0">
My form field : <input type="text" name="MyFormField" data-bind="value:MyFormField />
</div>
<div data-bind="if:Id != 0">
My form field consultable : <span data-bind="text:MyFormField"></span>
</div>

“我的表单”字段:查看的注释5,您可以动态选择要用于节的模板。在您的情况下,它将类似于:

<ul data-bind='template: { name: templateName }'> </ul>
然后将两个模板命名为与计算机中的两个命名选项相同的名称:

<script type="text/html" id="inputTemplate">
    <input type="text" data-bind="text: name" />
</script>

<script type="text/html" id="spanTemplate">
    <span data-bind="text: name" />
</script>

我认为第二个模板id(对于span)是spanTemplate,而不是template。除此之外,它还能工作。非常感谢。
<script type="text/html" id="inputTemplate">
    <input type="text" data-bind="text: name" />
</script>

<script type="text/html" id="spanTemplate">
    <span data-bind="text: name" />
</script>