Получить ширину блока angular

Как получить ширину блока класса .box?

 <ion-grid>
      <ion-row>
        <ion-col class="box">1</ion-col>
        <ion-col class="box">2</ion-col>
        <ion-col class="box">3</ion-col>
        <ion-col class="box">4</ion-col>
        <ion-col class="box">5</ion-col>
      </ion-row>
    </ion-grid>

Использую "@angular/core": "^14.0.0", "@ionic/angular": "^6.1.9", и "@capacitor/app": "4.1.0", Пробовал следующий способ

ngAfterViewInit(){
  const componentBox: any = document.getElementsByClassName('box')[0]
  if (componentBox) {
      console.log(componentBox.offsetWidth)
  }
}

Но стабильно получал ширину класса 0!!! Пробовал брать ширину через

@ViewChildren('myIdentifier')
    myIdentifier!:  QueryList<ElementRef>;

но эффект тот же самый