knockout.js - ノックアウト テンプレート バインディングにデータを動的に渡す方法

Question

選択したテンプレートによっては、記事にバインドしたくないので、それに応じて viewModel データを自分で割り当てたいと考えています。

どうやってやるの？

<div data-bind="template: { name: getTemplate(), foreach: articles }"></div>

Answer 1

foreach を article プロパティにバインドする代わりに。foreach を、正しいビューモデルを返す計算されたプロパティにバインドできます。

templateData = ko.computed(function(){
    if(this.getTemplate() ==  'articlesTemplate')
        return this.articles;
    if(this.getTemplate() ==  'docTemplate')
        return this.docs;
    ...
}, this)

お役に立てば幸いです。