Question

如何在Ionic的一个HTML页面中添加不同的选择器？

我正在研究ionic4。创建了一个带有幻灯片的页面，在该页面上，我试图添加三个不同的HTML页面。如果我在幻灯片页面本身中编码了HTML（每个元素都位于单独的），则效果很好。但是我试图分离代码，因此创建了不同的页面。

我尝试使用，我尝试使用路由器（后来意识到路由器仅用于导航）。在angular中，它很简单（只需导入组件并使用选择器即可），但在Ionic中不起作用。

<ion-slides pager="true" [options]="slideOpts" (ionSlideDidChange)="slideChanged()">
      <ion-slide>
<app-requests></app-requests>
<ion-item  routerLink="slide1" routerDirection="root"></ion-item>
      </ion-slide>
        <ion-slide>
          <h1><ion-button (click)="openBlank()">Open Blank</ion-button></h1>
        </ion-slide>
        <ion-slide>
          <h1><ion-button (click)="openSystem()">Open System</ion-button></h1>
        </ion-slide>
        <ion-slide>
          <h1><ion-button (click)="openSelf()">Open Self</ion-button></h1>
        </ion-slide>
      </ion-slides>
</ion-content>

import { RequestsPage } from './../pages/requests/requests.page';
declarations: [HomePage, RequestsPage]

预期的结果是一个具有不同HTML内容的滑块，但是现在我在其他页面上获得了一个空白页面，我正在获取数据，但没有使用HTML。

如何将一个组件html显示到另一页面

0 个答案: