如何将自定义数据绑定添加到knockoutjs的模板绑定中

Question

我目前使用ExternalTemplate扩展来在运行时通过ajax加载我的模板。不过，我期望稍微扩展这个功能，这样我可以提供多个模板目录。

我知道这似乎有点奇怪，但我有几个地方模板可能来自，不可能让他们都不幸从一个大模板文件夹出来。

我希望做一些事情，如：

<script type="text/javascript"> 
var templateEngineSettings = { 
    templatesLocations: { 
     "default":"/view-templates-1" 
     "other1":"/view-templates-2" 
     "other2":"/somewhere-else/view-templates" 
    }, 
    templateSuffix: ".template.html" 
}; 

ko.externaljQueryTemplateEngine.setOptions(templateEngineSettings); 
</script> 

<div data-bind="template: {name: 'some-template', location:'default'}"></div> 
<div data-bind="template: {name: 'some-other-template', location:'other1'}"></div> 
<div data-bind="template: {name: 'some-new-template', location:'other3'}"></div> 

但是我无法找到如何做到这一点的任何固体文档，所以任何帮助将是巨大的！

ko.ExternalTemplateEngine.templateUrl

一种选择是创建一个包装的模板结合，将您的模板位置互换这个值：

Answer 1

外部模板引擎从拉其网址基地。例如：

//custom binding 
ko.bindingHandlers.templatex = { 
    update: function(element, valueAccessor, allBindingsAccessor, viewModel) { 
     var options = valueAccessor(), 
      location = options.location, 
      current = koExternalTemplateEngine.templateUrl; 

     //set to our new location 
     ko.ExternalTemplateEngine.templateUrl = ko.bindingHandlers.templatex.templateLocations[location]; 

     //call the real template binding 
     ko.bindingHandlers.update.tempate(element, valueAccessor, allBindingsAccessor, viewModel); 

     //reset the location back to the default 
     ko.ExternalTemplateEngine.templateUrl = current; 
    }, 
    templateLocations: {} 
}; 

//set in your app code 
ko.bindingHandlers.templatex.templateLocations = { 
    "default":"/view-templates-1", 
    "other1":"/view-templates-2", 
    "other2":"/somewhere-else/view-templates" 
};