Knockout：绑定外部模板文件

Question

基于这些问题：

• KnockoutJS: Using 'html' binding, new elements not binding
• knockout js foreach binding is not updating when used in custom element (components.register)

我一直在测试几种导入html片段用作模板的方法，但到目前为止还没有成功将Knockout更新绑定到它们。我希望有另一个例子，所以我可以更好地理解。

ko.components.register('my-slideshow', {
    template: { element: 'my-slideshow' },
    viewModel: ViewModel
});

ko.components.register('ko-slideshow', {
    viewModel: ViewModel,
    template: { require: 'text!caro.html' }
});

在第一个组件中，当html已经存在时，一切正常。在第二个组件中，完全相同的html将在init上加载正确的信息，但无法更新。

这里的小提琴：https://jsfiddle.net/uecaj7a2/1/

（我不知道如何为小提琴创建外部html文件，但还有其余的。这是我的第一个Knockout项目。）