Angularjs 组件设置第三方组件样式

使用 ::ng-deep 修饰 class 可以跳过其他标签直接找到类名

例如 Angularjs 的一个第三方NG-ZORRO弹框组件 <nz-modal> 想要给弹框体加一个滚动条，

解析到页面上其实是 一个<div class="ant-modal-body">

写一个css文件 引入到用到弹框的ts

css文件如下：设置成弹框体高度大于300px就显示纵向滚动条

::ng-deep .ant-modal-body{

overflow-y: auto !importtant;

max-height: 300px;

}

在使用的模板对应的ts中

@Component({

selector: "product-info",

templateUrl:'./product-info.html',

styleUrls: ['./xxx.css','../ddd.css'] 引入刚才写的样式文件，这里可以是多个样式文件，是个数组

})