角度2 ngIfおよびCSSトランジション/アニメーション
私はdivをCSSを使用して角度2で右からスライドインさせたいです。 <div class="note" [ngClass]="{'transition':show}" *ngIf="show"> <p> Notes</p> </div> <button class="btn btn-default" (click)="toggle(show)">Toggle</button> [ngClass]のみを使用してクラスを切り替え、不透明度を利用する場合、問題なく動作します。しかし、liはその要素を最初からレンダリングしたくないので、最初にngIfで「非表示」にしますが、その後、遷移は機能しません。 .transition{ -webkit-transition: opacity 1000ms ease-in-out,margin-left 500ms ease-in-out; -moz-transition: opacity 1000ms ease-in-out,margin-left 500ms ease-in-out; -ms-transition: opacity 1000ms ease-in-out,margin-left 500ms ease-in-out ; -o-transition: opacity 1000ms ease-in-out,margin-left 500ms ease-in-out; transition: opacity 1000ms ease-in-out,margin-left 500ms ease-in-out; margin-left: 1500px; width: 200px; opacity: …