Angular, Как получить классы с помощью Jquery после получения данных с сервера и применения к ним *ngFor?

Я использую Jquery в Angular с машинописным текстом, я хочу получить все классы, созданные циклом ngFor. Я создаю сайт продуктов... Я получаю продукты с сервера node.JS... после того, как я получаю Продукты, я применяю для них ngFor. В этом ngFor я использую имя класса imagePopup, когда я запускаю этот код, пусть x = $('.imagePopup'); Я получаю x.length = 0; Я не получаю классы из цикла ngFor. Как я могу получить их все?

мой код:

ngOnInit(): void {
   this.productsSubjectSubscribe = this.localProductService.myProductsSubject.subscribe(x=> {
       this.myProducts = x;
       let y = $('.open-poup-image');
       console.log(y);
   });
}

console.log(y) получает длину = 0

<div *ngFor="let item of myProducts;index as i" class="item" [id]="'item_'+item._id">
     <div class="item_img">
          <a class="open-poup-image"
            [href]="'src-to-image.jpg">Open
            image</a>
          <img
            [src]="src-to-image.jpg">
        </div>
</div>