Knockout.js onsenui tabbar的敲除装订
我正在使用onsen UI和knockoutJS。 viewmodels的页面导航和绑定如下代码笔()所示: foobar.html中的我的视图: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
<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>