Angular переменная шаблона не определена для другого тега

Question

У меня есть этот шаблон в моем приложении angular v6.1:

Но видео на теге p не определено, но в функция загруженных данных имеет правильное значение. У меня есть ngFor l oop для чтения изображений и видео, для видео мне нужны длительность, ширина и высота для каждого из них.

Я не вижу, где я делаю неправильно.

код стекаблика

Answer 1

Похоже, у нас здесь есть асинхронный код. Тег p получает свои данные синхронно, но в самом начале это undefined. Затем, когда медиа закончил загрузку, видео получает данные. Вот почему

функция загруженных данных имеет правильное значение

Вот решение. Единственный недостаток - это URL вашего видео google chrome помечает как подозрительные, поэтому метаданные видео не могут быть предварительно загружены до того, как вы откроете видео в новой вкладке.