Angular анимации: я хочу сохранить переменную вместо фиксированного пикселя внутри @Component, где хранятся анимации - PullRequest
0 голосов
/ 15 января 2020

Я хочу добавить адаптивную (я думаю) переменную к моей анимации, как показано в коде. Потому что, когда я помещаю определенное количество пикселей, а я go на другой экран, это явно не выглядит привлекательным. Кроме того, я попытался поставить 100%, как это будет работать нормально, но тогда анимация не работает! Любая помощь будет принята с благодарностью!

@Component({
  selector: 'appcontent',
  templateUrl: './appcontent.component.html',
  styleUrls: ['./appcontent.component.css'],
  animations: [
    trigger('divState', [
      state('normal', style({
        'height': '0'
      })),
      state('expanded', style({
        'height': 'this.maxHeight' <-------------
      })),
      transition('normal <=> expanded', animate(400))
    ])
  ]
})

Как видите, я попытался установить значение maxHeight, и я получил ошибку. Приложение все еще работает, но без анимации!

Спасибо

...