ionicon существует в DOM, но не виден (имеет ширину 0px) - PullRequest
Новая
       18

ionicon существует в DOM, но не виден (имеет ширину 0px)

0 голосов
/ 27 августа 2018

Я хочу отобразить стрелку, чтобы вернуться на одну из моих страниц, потому что я захожу на эту страницу без использования navCtrl, из app.component.ts, как указано здесь .

Поэтому, когда я захожу на эту страницу из app.component.ts, я устанавливаю флаг в true и в моем шаблоне есть условие, которое отображает столбец col-1 с обратной стрелкой внутри и щелчок, который приводит к другая страница, если этот флаг установлен в true. Но эта стрелка никогда не отображается. Я проверил на консоли разработчика в DOM, и col-1 присутствует, но ширина стрелки равна 0.

Вот экран результата:

enter image description here

Вот мой заголовок: 

<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>

Я искал часы в интернете, но так и не нашел ни одной связанной ветки, я не вижу, что вызвало это. Любая помощь будет оценена.

Спасибо всем, кто прочитает / ответит на этот пост.

...