Question

我一直在尝试使用nativescript测试部分视图，但我似乎无法让页面加载部分视图内容。

这是我的主要容器视图：

<Page id="tabsPage" class="page" xmlns="http://schemas.nativescript.org/tns.xsd" xmlns:t1="views/tab-test/partial-views/tab1">
    <ScrollView>
    <Button class="btn btn-primary" text="test button"/>
<Button tap="GoToTab2" text="Go To Tab 2"/> 
    <!-- <SegmentedBar selectedIndex="0" selectedIndexChanged="segBarSelected">
        <SegmentedBar.items>
            <SegmentedBarItem title="Tab 1" />
        </SegmentedBar.items>
    </SegmentedBar> -->

        <t1:tab1 id="tab1" />
    </ScrollView>
</Page>

tab1.xml

<Button class="btn btn-primary" text="test button"/>
<Button tap="GoToTab2" text="Go To Tab 2"/>

正如您所看到的，我排除了tab1.xml中的按钮内容在主页面上独立显示，但只要我执行include语句<t1:tab1 id="tab1" />，就不会显示任何内容。

我在这里做错了什么？

Answer 1

ScrollView可以包含单个根元素。创建自定义组件时应考虑相同的做法（好的博文here）。尝试将自定义组件中的按钮包装在StackLayout（或其他布局）中，并对ScrollView的内容执行相同操作。

Answer 2

html_nodes

tab1.js
----------

function onLoad(args) {

    var container = args.object;
    container.bindingContext = container;
}

如何在页面中包含部分视图？

2 个答案: