为什么phonejs DX内容不显示？

我正在准备一个PhoneJS应用程序。我试图用下面的代码在视图中放置一个简单的butotn，但是看不到那个按钮，它只显示加载图标

home.html

<div data-options="dxView : { name: 'home', title: 'Home' } " >
<div class="home-view"  data-options="dxContent : { targetPlaceholder: 'content' } " >
    <p>Welcome</p>
    <div data-bind="dxButton: { text: 'Click me!', clickAction: showHelloWorld }"></div>

</div>
</div>

---

有人能帮我吗？

您的视图模型代码格式不正确：

MyApp.home = function () {
    var viewModel = {
        showHelloWorld: function() {
            alert("Hello world!");
        }
    };
    return viewModel;
};

viewModel应该是有效的js对象。 您也不应该调用applyBindings。它将被框架调用。 您应该创建HtmlApplication并指定应用程序路由。不确定，也许你已经做过了

这是工作小提琴：

查看本教程“如何构建第一个PhoneJS应用程序”：

MyApp.home = function () {
    var viewModel = {
        showHelloWorld: function() {
            alert("Hello world!");
        }
    };
    return viewModel;
};