ion-header-bar指令中的动态文本

Question

我使用ion-header-bar指令 - 左边是class="button"，中间是<h1>（＆＃34;最近＆＃34;字），右边是 - {{ 1}}。

左侧的文字是动态的（<ng-icon>驱动的），它会导致中间部分向右移动（如果我将左侧设置为滑行文本，它可以正常工作）

i18

如何运作良好 -

它如何运作 -

我如何修复动态文字？

Answer 1

在标题中使用此结构，点击左右按钮或图标。

<ion-header-bar  class="bar bar-header bar-stable" no-tap-scroll="true">
  <div class="buttons">
      <a class="button icon-left ion-chevron-left button-clear button-positive">{{'homePage' | i18n}}</a> 
  </div>
  <h1 class="title">Recent</h1>
  <div class="buttons">
    <ng-icon type="messenger-left-header-icons" non-pressable="true" class="icon_plus"></ng-icon>
  </div>
</ion-header-bar>