knockout.js - 动态设置模板名称

Question

当下拉选择的值发生变化时如何动态设置 KO 模板名称..

我试过这个，但我没有得到正确的模板。

<select data-bind="options: Attributes, optionsText: 'AttributeName', optionsValue: 'Id', optionsCaption: 'Select Attribute...',value :SelectedAttribute"></select>
<div data-bind="template: { name: SelectedAttribute }"></div>

Answer 1

您应该确保它SelectedAttribute不为 null 并添加()到 observable 以获取其值：

<!-- ko if: SelectedAttribute -->
<div data-bind="template: { name: SelectedAttribute() }"></div>
<!-- /ko -->

这是工作小提琴：http: //jsfiddle.net/vyshniakov/HUExe/

在我看来，template绑定不会解开传递给 name 选项的值。