如何知道是否有溢出隐藏的子div:隐藏在Angular6中

在Angular 6中，要判断是否有溢出隐藏的子div，可以使用以下步骤：

首先，确保在组件的HTML模板中，父div设置了合适的样式来实现溢出隐藏。可以使用CSS属性overflow: hidden;来隐藏溢出内容。
在组件的类文件（.ts文件）中，使用ViewChild装饰器来获取对子div的引用。例如，如果子div有一个名为"childDiv"的模板引用变量，可以这样获取它：

import { Component, ViewChild, ElementRef } from '@angular/core';

@Component({
  selector: 'app-your-component',
  templateUrl: './your-component.component.html',
  styleUrls: ['./your-component.component.css']
})
export class YourComponent {
  @ViewChild('childDiv', { static: true }) childDiv: ElementRef;
}

接下来，可以使用ElementRef的nativeElement属性来访问子div的DOM元素。然后，可以使用DOM属性和方法来判断是否有溢出隐藏的内容。

ngAfterViewInit() {
  const isOverflowHidden = this.childDiv.nativeElement.scrollHeight > this.childDiv.nativeElement.clientHeight ||
    this.childDiv.nativeElement.scrollWidth > this.childDiv.nativeElement.clientWidth;
  
  if (isOverflowHidden) {
    console.log('子div存在溢出隐藏的内容');
  } else {
    console.log('子div没有溢出隐藏的内容');
  }
}

在上述代码中，我们比较了子div的scrollHeight和clientHeight属性，以及scrollWidth和clientWidth属性。如果scrollHeight大于clientHeight或scrollWidth大于clientWidth，则表示有溢出隐藏的内容。

这是一个基本的方法来判断是否有溢出隐藏的子div。根据具体的需求，你可以进一步处理溢出隐藏的内容，例如显示滚动条或执行其他操作。

对于Angular 6中的溢出隐藏的子div，腾讯云并没有特定的产品或服务来解决这个问题。但你可以使用腾讯云的云服务器（CVM）来部署和运行你的Angular应用程序。你可以在腾讯云官网上找到有关云服务器的更多信息：腾讯云云服务器。