Question

我的Ionic2项目上有一个页面，当用户按下按钮时，我想显示其他内容，我用booleans制作，我不确定这是不是很合适不...我在*ngIf上已经.html了，所以我想知道更改视图而不创建其他页面的更好方法，只更改.html代码，你能不能给我一个例子？

我过去常常使用booleans，但现在，我已经面临我的<ion-header>，<ion-content>以及<ion-footer>上的组件，我不知道我想在每个组件上制作一个*ngIf ......

我正在使用＆gt; = Angular2和＆gt; = Ionic2

有些代码，我没有把我的所有代码都放在一边，因为它很安静，所以我或多或少地编写了代码：

  <ion-header>
  <ion-navbar>
    <ion-title *ngIf="view1">{{title}}</ion-title>
  </ion-navbar>
 <p *ngIf="view1">SomeMoreStuff</p>

</ion-header>

<!-- view 1 -->

  <div *ngIf="view1">
      <!-- more stuff -->
  </div>


</ion-content>
<ion-footer *ngIf="view1">

</ion-footer>

现在我有另一个名为boolean的{{1}}，以显示不同的view2，footer等...

Answer 1

将整个视图包装在容器中

<ng-container *ngIf="view == 'view1'">
 <!-- view 1 goes here -->
<ng-container>

<ng-container *ngIf="view == 'view2'">
 <!-- view 2 goes here -->
<ng-container>

如果您在不同视图之间共享了部分，请将它们保留在<ng-container *ngIf="...">之外，或者将它们移动到可重用的组件中并在需要的地方添加它们。

在同一页面上显示不同的观点

1 个答案: