Angular和TweenLite

Question

我有以下代码：

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss']
})
export class AppComponent {
    list = [1, 2, 3];    

    onAdd() {
        this.list.push(1);
    } 
}

HTML：

<ul>
  <li *ngFor="let item of list">{{item}}</li>
<ul>
<button (click)="onAdd()">Add</button>

我想将TweenLite动画应用于元素添加。例如，一个新元素添加了动画{left: '-100px'}。该怎么做？

Answer 1

您不需要Tweenlite，将css类与所需的动画一起使用，并将该类添加到生成的项目中，可以使用超时来确保其正常工作。