質問: Angularにて下記のようなHTMLとコンポーネントを用意しています。 IconInfoクラスではiconとicon名を持っています。 画面からボタンを押されると、addIconInfoが呼ばれるようになっており、 ボタンが押されるたびに画面にiconが追加されています。 そこでなのですが、iconが追加される際にアイコンが表示される領域の 一番下から徐々に上に上がっていくように(上にたまっていくように) したいのですが、何か方法はありますでしょうか? ngForだけでは難しいでしょうか? ◆HTML ``` ``` ◆コンポーネント.ts ``` addIconInfo(icon: string, name: string) { this.icons.push(new IconInfo(icon, name)); } ```
回答: `this.icons`がどういったものかわかりませんが、単純に`Array`であるならば`push`による末尾への追加ではなく、`unshift`で先頭に追加していくことで期待の動作になると思います。 ``` this.icons.unshift(new IconInfo(icon, name)); ```