0

我想在我的一个页面中显示一个返回的箭头，因为我在没有使用来自 app.component.ts 的 navCtrl 的情况下进入此页面，如此处所述。

因此，当我从 app.component.ts 进入此页面时，我将一个标志设置为 true，并在我的模板中有一个条件，该条件显示一个 col-1，里面有一个 backArrow，如果单击会转到另一个页面此标志设置为真。但是这个箭头永远不会显示。我检查了 DOM 中的开发人员控制台，并且 col-1 存在，但箭头的宽度为 0。

这是结果的屏幕：

在此处输入图像描述

这是我的标题：

<ion-header>
  <ion-navbar>
    <ion-row *ngIf="backArrow else elseBlock3">
        <ion-col col-1>
        <ion-buttons left>
          <button ion-button large (click)="goToChats()"><ion-icon name="arrow_back" style="font-size:32px;"></ion-icon></button>
        </ion-buttons>
      </ion-col>
        <ion-col col-10>
        <ion-title style="margin-left:30%;margin-top:-3.5%;">
          <img src="assets/imgs/masque.png" title="Masque Neemous" alt="Masque Neemous" style="margin-left: -2.5%;"><br />
          Chat
        </ion-title>
      </ion-col>
      <ion-col col-1>
        <ion-buttons right>
          <button ion-button large style="margin-left:-180%;margin-top:20%;" (click)="showMenu()"><ion-icon name="menu" style="font-size:32px;"></ion-icon></button>
        </ion-buttons>
      </ion-col>
    </ion-row>
    <ng-template #elseBlock3>
        <ion-row>
          <ion-col col-11>
            <ion-title style="margin-left:30%;margin-top:-3.5%;">
              <img src="assets/imgs/masque.png" title="Masque Neemous" alt="Masque Neemous" style="margin-left: -2.5%;"><br />
              Chat
            </ion-title>
          </ion-col>
          <ion-col col-1>
            <ion-buttons right>
              <button ion-button large style="margin-left:-180%;margin-top:20%;" (click)="showMenu()"><ion-icon name="menu" style="font-size:32px;"></ion-icon></button>
            </ion-buttons>
          </ion-col>
        </ion-row>
    </ng-template>
  </ion-navbar>
</ion-header>

我在互联网上搜索了几个小时，但从未找到任何相关线程，我看不出是什么原因造成的。任何帮助，将不胜感激。

感谢任何阅读/回答这篇文章的人。

4

0 回答 0