Knockout.js onsenui tabbar的敲除装订

Knockout.js onsenui tabbar的敲除装订,knockout.js,onsen-ui,Knockout.js,Onsen Ui,我正在使用onsen UI和knockoutJS。 viewmodels的页面导航和绑定如下代码笔()所示: foobar.html中的我的视图: <ons-page> <ons-tabbar> <ons-tab page="data.html"><span data-bind="text: variableInFoobarViewmodel"></span></ons-tab> &l

我正在使用onsen UI和knockoutJS。 viewmodels的页面导航和绑定如下代码笔()所示:

foobar.html中的我的视图:

  <ons-page>  
    <ons-tabbar>
        <ons-tab page="data.html"><span data-bind="text: variableInFoobarViewmodel"></span></ons-tab>
    </ons-tabbar>

    <ons-template id="data.html">
        <ons-page>
            Variable: <span data-bind="text: variableInFoobarViewmodel"></span>
        </ons-page>
    </ons-template>
</ons-page>

变量:
结果:选项卡标题中的variableInFoobarViewmodel解析正确,但在tabbar page data.html中解析为空

我希望它能够正确解析,因为模板data.html在foobar.html中

有什么建议吗?

只是一个模板,它不是页面的一部分,因此没有任何视图模型。您链接到的代码笔只准备与ons navigator一起使用,实际上是用于beta.5版的。我们已经发布了+2.0.0版本,因此最好进行更新。我又做了一个快速的例子,所有组件都有更好的集成:-

导航器使用与
navi.pushPage(页面,{data:{viewModel:…}}})相同的策略
。其余页面通过ID链接到viewModel,但您可以轻松地进行更改。

只是一个模板,它不是页面的一部分,因此不会有任何视图模型。您链接到的代码笔只准备与ons navigator一起使用,实际上是用于beta.5版的。我们已经发布了+2.0.0版本,因此最好进行更新。我又做了一个快速的例子,所有组件都有更好的集成:-


导航器使用与
navi.pushPage(页面,{data:{viewModel:…}}})相同的策略
。其余页面通过ID链接到viewModel,但您可以轻松更改它。

谢谢!beta5的例子是当时我能找到的唯一一个击倒+onsen的例子。谢谢!beta5的例子是当时我能找到的唯一一个击倒+onsen的例子。
  <ons-page>  
    <ons-tabbar>
        <ons-tab page="data.html"><span data-bind="text: variableInFoobarViewmodel"></span></ons-tab>
    </ons-tabbar>

    <ons-template id="data.html">
        <ons-page>
            Variable: <span data-bind="text: variableInFoobarViewmodel"></span>
        </ons-page>
    </ons-template>
</ons-page>