Angular Команда ngstyle не работает с задержкой анимации - PullRequest
Новая
       30

Angular Команда ngstyle не работает с задержкой анимации

0 голосов
/ 11 марта 2020

Я пытаюсь использовать встроенный CSS для установки задержки анимации, но по какой-то причине angular просто игнорирует команду задержки анимации: 

<ul class="cb-slideshow">
<li *ngFor="let img of images; let i = index">
    <span *ngIf="i == 0" [ngStyle]="{'background-image':'url('+img.path+')','animation':(images.length*6)+'s linear infinite 0s'}" class="image{{i}}"></span>
    <div *ngIf="i == 0" [ngStyle]="{'animation':(images.length*6)+'s linear infinite 0s'}"><h3>{{img.txt}}</h3></div>

    <span *ngIf="i != 0" [ngStyle]="{'background-image':'url('+img.path+')','animation-delay':(i*6)+'s linear infinite 0s'}" class="image{{i}}"></span>
    <div *ngIf="i != 0" [ngStyle]="{'animation-delay':(i*6)+'s linear infinite 0s'}"><h3>{{img.txt}}</h3></div>
</li>

Первый span & div будут успешно работать с использованием анимации, но нижние 2 игнорируют задержку анимации. Я даже попытался удалить «-delay» из нижних 2, и это сработало, так что синтаксис выглядит правильным.

Как использовать inline CSS для установки задержки с переменной счетчика?

...