SinglePage-Site上的多个JavaScript-ViewModel，变量命名冲突

Question

我正在开发单页应用程序。为此，我使用的是Knockout.js，这对于这项任务非常有用。

现在我遇到了一个问题：页面内容附加了jQuerys append-function。当我从同一个模板中追加两个详细信息页面时，我与我的viewmodel-object-names冲突，因为它们都使用相同的名称声明它是offlineDemoDetailViewModel-variable。

TestDetailA（来自TestDetail Template）：offlineDemoDetailViewModel = offlineDemoDetailViewModel（）; TestDetailB（来自TestDetail模板）：offlineDemoDetailViewModel = offlineDemoDetailViewModel（）;

处理此问题的最佳方法是什么？我应该动态地创建变量名还是有更好的方法？

非常感谢！

Just for Info，这是我的（测试）offlineDemoDetailViewModel-code：

var offlineDemoDetailViewModel = function () {
    var _viewmodel = new (function() {
        this.uuid = ko.observable(localDatabase.createUUID());
    });

    return _viewmodel;
};