mvvm - 通过 MVVM 在 Kendo SPA 中跨视图重用 HTML 的常见位

Question

我的几乎所有视图中都使用了一些小的 HTML。我希望能够将这些从视图中抽象出来，这样当我对一个视图进行更改时，我就不必在我的每个视图中更新它。我不确定如何实现这一目标。我通过 MVVM 声明性语法尝试了以下内容。

<div id="toolbar" class="pull-right" data-role="view" data-template="edit-tool-bar">                                        </div>

但这无济于事。如果可以避免这种情况，我不想添加将 HTML 推送到视图中的代码，这就是 MVVM 的全部意义，对吧？我将非常感谢任何帮助。

Answer 1

标准似乎是使用source绑定并指定模板。由于主视图已经绑定到一个 VM，告诉我将source绑定设置为this.

<div id="toolbar" class="pull-right" data-bind="source: this" data-template="edit-tool-bar"></div>