JavaScript массив объектов отображается как пустой, но имеет значения при расширении, не может получить доступ к значениям

Question

Я пытаюсь присвоить массив объектов пользовательской директиве angular следующим образом

<div custom-directive [customDirective]="arrayOfObjects"> </div>

Но при получении пустого массива в классе директивы, но он содержит список объектов при расширении на консоли.

@Directive({
  selector: '[custom-directive]'
})
export class CustomDirective implements OnInit {

  @Input() customDirective;

  constructor(private elmentRef: ElementRef) { }

  ngOnInit(): void {
  console.log(this.customDirective);
  .......
  }
}

Невозможно получить доступ к значениям, это выглядит примерно так

Answer 1

Вероятно, это связано с асинхронным поведением. Примечание: я полагаю, что вы получаете этот массив объектов из асинхронной задачи

проверьте это для получения дополнительной информации - https://angular.io/guide/observables-in-angular