Angular и TweenLite - PullRequest
Новая
       64

Angular и TweenLite

0 голосов
/ 29 марта 2019

У меня есть следующий код: 

@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'}. Как это сделать?

1 Ответ

0 голосов
/ 31 марта 2019

вам не нужен tweenlite, используйте класс css с нужной вам анимацией и добавьте этот класс к сгенерированному элементу, который можно использовать для тайм-аута, чтобы убедиться, что он работает без сбоев.

...