为什么 中的 在 中不起作用？实施Tab时使用框架问题

Question

以下代码不起作用

<Page xmlns="http://schemas.nativescript.org/tns.xsd">
 <GridLayout>

 </GridLayout>
 <Tabs>
  <TabStrip>
   <TabStripItem>
     <Label text="Home"></Label>
     <Image src="res://home"></Image>
  </TabStripItem>

  <TabStripItem>
    <Label text="Settings"></Label>
    <Image src="res://settings"></Image>
    </TabStripItem>

   </TabStrip>


   <TabContentItem>
     <Frame defaultPage="frame-one/frame-one-page" />
   </TabContentItem>

   <TabContentItem>
   <Frame defaultPage="frame-two/frame-two-page" />
  </TabContentItem>
 </Tabs>
</Page>

而以下代码可完美工作：

 <GridLayout>

 </GridLayout>
 <Tabs>
  <TabStrip>
   <TabStripItem>
     <Label text="Home"></Label>
     <Image src="res://home"></Image>
  </TabStripItem>

  <TabStripItem>
    <Label text="Settings"></Label>
    <Image src="res://settings"></Image>
    </TabStripItem>

   </TabStrip>


   <TabContentItem>
     <Frame defaultPage="frame-one/frame-one-page" />
   </TabContentItem>

   <TabContentItem>
   <Frame defaultPage="frame-two/frame-two-page" />
  </TabContentItem>
 </Tabs>

如果我从应用程序中删除，则导航到此页面时会出现问题。因此，如何使用以便获得选项卡，并且导航至该页面没有任何问题？

Answer 1

使用<router-outlet>或<page-router-outlet>代替<frame>如果您使用的是标签页，那么本教程可以使用Tabview，并且类似Using Nested Router Outlets with NativeScript and Angular我希望这会有所帮助