为什么phonejs dxContent没有显示？

Question

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

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>

home.js

MyApp.home = function (params) {

var viewModel = {
//  Put the binding properties here
var showHelloWorld = function() {
    alert("Hello world!");
};
ko.applyBindings(myViewModel);
return viewModel;
};

有人能帮我吗？

Answer 1

视图模型代码格式不太好：

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

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

这是工作小提琴：http://jsfiddle.net/tabalinas/jb537/

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