2

Angularにて下記のようなHTMLとコンポーネントを用意しています。
IconInfoクラスではiconとicon名を持っています。

画面からボタンを押されると、addIconInfoが呼ばれるようになっており、
ボタンが押されるたびに画面にiconが追加されています。

そこでなのですが、iconが追加される際にアイコンが表示される領域の
一番下から徐々に上に上がっていくように(上にたまっていくように)
したいのですが、何か方法はありますでしょうか?
ngForだけでは難しいでしょうか?

◆HTML

<div class="page">
  <section class="card">
  <ng-container *ngFor="let icon of icons">
   <div class="media">
     <img src={{icon.img}}>
   </div>
  </ng-container>
  </section>
</div>

◆コンポーネント.ts

  addIconInfo(icon: string, name: string) {
     this.icons.push(new IconInfo(icon, name));
  }

1 件の回答 1

0

this.iconsがどういったものかわかりませんが、単純にArrayであるならばpushによる末尾への追加ではなく、unshiftで先頭に追加していくことで期待の動作になると思います。

this.icons.unshift(new IconInfo(icon, name));
1
  • すみません、説明が下手ですよね…。できれば、エリアの下のほうからアニメーションするようにあげていけないかという内容でした。
    – kanko
    Commented 2018年3月9日 7:55

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。