Angularjs 如何将新页面推送到<；部门>；当前页面在爱奥尼亚

我在页面中有一个菜单列表，当单击列表时，我想在当前页面中的标签内推送新页面

---

有人能帮帮我吗，我是爱奥尼亚的新手

您需要利用专为此类用例设计的爱奥尼亚组件。根据您的描述，您需要：

您使用它的方式（参见他们的示例）：

首先定义“菜单”

小猫
小狗

请注意，ngModel中的“pet”是组件ts文件中的变量，通常具有默认选择值，如：public pet:string=“puppies”

然后定义每个片段的内容：

<div [ngSwitch]="pet">
  <ion-list *ngSwitchCase="'puppies'">
    <ion-item>
      <ion-thumbnail item-start>
        <img src="img/thumbnail-puppy-1.jpg">
      </ion-thumbnail>
      <h2>Ruby</h2>
    </ion-item>
    ...
  </ion-list>

  <ion-list *ngSwitchCase="'kittens'">
    <ion-item>
      <ion-thumbnail item-start>
        <img src="img/thumbnail-kitten-1.jpg">
      </ion-thumbnail>
      <h2>Luna</h2>
    </ion-item>
    ...
  </ion-list>
</div>

红宝石
...
卢娜
...

现在，每当用户从菜单中选择一个片段时，只会显示该内容。如果您需要自定义内容，则不必使用列表等：

<div [ngSwitch]="pet">
  <div *ngSwitchCase="'puppies'">
    ...
  </div>

  <div *ngSwitchCase="'kittens'">
    ...
  </div>
</div>

...
...

试试这种方法

---

最好不要发明一个新的轮子，而是遵循框架给你的现成的东西

尝试遵循框架中的示例，并使用选项卡或分段实现ui。这应该涵盖您的使用案例ionic component在这里有帮助吗？这非常有效，有一个问题，比如如何使一个菜单被默认选中，以使您成为默认选择-确保变量（本例中为pet）指向您希望成为默认的开关案例。比如pet=“小猫”。

<div [ngSwitch]="pet">
  <div *ngSwitchCase="'puppies'">
    ...
  </div>

  <div *ngSwitchCase="'kittens'">
    ...
  </div>
</div>