Angular 如何检测溢出

我正试图检测溢出

我试图在一行中列出用户图像，并根据设备屏幕大小/屏幕方向的变化确定图像是否溢出

我试着用媒体查询来做这件事，但是运气不好。我用的是爱奥尼亚3

.html：

<ion-row style="padding: 7px;" nowrap>
  <ion-row style="overflow: hidden; height: 55px;">
       <ion-col col-auto *ngFor="let image of images">
            <img src="assets/images/image.png" />
        </ion-col>
  </ion-row>

  <ion-col *ngIf="showButton" col-auto align-self-center>
     <img src="assets/images/more3.svg">
  </ion-col>
</ion-row>

///
<ion-row id="innerRow" style="overflow: hidden; height: 55px;">   //added id
   <ion-col col-auto *ngFor="let image of images">
        <img src="assets/images/image.png" />
    </ion-col>
</ion-row> 
//// 

当行不再溢出时，我试图隐藏按钮

more

，当行不再溢出时，项目适合屏幕并显示出来

---

有什么建议吗，thanx好的，我找到了解决办法，但这不是最好的解决办法

.html：

<ion-row style="padding: 7px;" nowrap>
  <ion-row style="overflow: hidden; height: 55px;">
       <ion-col col-auto *ngFor="let image of images">
            <img src="assets/images/image.png" />
        </ion-col>
  </ion-row>

  <ion-col *ngIf="showButton" col-auto align-self-center>
     <img src="assets/images/more3.svg">
  </ion-col>
</ion-row>

///
<ion-row id="innerRow" style="overflow: hidden; height: 55px;">   //added id
   <ion-col col-auto *ngFor="let image of images">
        <img src="assets/images/image.png" />
    </ion-col>
</ion-row> 
//// 

我愿意接受任何关于改进此代码的建议，thanx