InstantSearch.jsで実行時に別のテンプレートを選択

Question

検索から取得した値に応じてテンプレートを変更できます。私はこのような変数の内容変更を考えた：

search.addWidget(
    instantsearch.widgets.hits({ 
    container: '#hits', 
    hitsPerPage: 12, 
    templates: { 
     empty: noResultsTemplate, 
     item: hitTemplate 
    }, 
    transformData: function (hit) { 
     if (hit.myVariable == true) { 
      this.templates.item = otherTemplateVariable; 
     } 
     return hit; 
    } 
    }) 
); 

をしかし、私はエラーを取得する：'Unable to get property 'templates' of undefined or null reference'問題は、あなたが持っていないどの機能transformDataにthisし、そのポイントを参照しているように思わ

Answer 1

テンプレート属性にアクセスするには、オブジェクトを抽出しようとしてください：

var data = { 
    container: '#hits', 
    hitsPerPage: 12, 
    templates: { 
     empty: noResultsTemplate, 
     item: hitTemplate 
    }, 
    transformData: function (hit) { 
     if (hit.myVariable == true) { 
      //access the templates attribute 
      data.templates.item = otherTemplateVariable; 
     } 
     return hit; 
    } 
    }; 

search.addWidget(
    instantsearch.widgets.hits(data) 
);