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

SelectedAttributenull でないことを確認し()、observable に追加してその値を取得する必要があります。

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

ここにフィドルが働いています：http://jsfiddle.net/vyshniakov/HUExe/

templateバインディングは name オプションに渡された値をアンラップしないようです。