次のコードがあります。
<div class="fa-bar">
<i data-ng-show="pLoading.length == 0" class="fa fa-bars"></i>
<i data-ng-show="pLoading.length != 0" class="fa fa-spin fa-spinner"></i>
<span>Admin</span>
</div>
loading.length が 0 の場合、いくつかの水平バーを表示します。0 以外に変更すると、スピナーに変わります。
コードは機能しますが、どちらのアイコンも表示されない短いフラッシュが短時間表示されます。そのとき、Admin という単語が左に移動します。
アイコンが表示されていない短い時間でも、管理者の単語が常に同じ位置に留まるようにする方法はありますか。<i>また、2 つの要素と 2 つの ng-showを使用するよりも優れた代替手段はありますか?