前言
在使用树选择nz-tree-select组件时设置了可以搜索的功能,并且添加了nzHideUnMatched="true"参数,在添加参数nzDropdownStyle="300px"后发现搜索后的数据显示有问题,搜索的数据没有直接显示在下面,如图所示
总结
查找发现是nzDropdownStyle="300px"设置固定高度会导致搜索出的数据在原先位置,需要滑动才能查看到,解决方法修改成[nzDropdownStyle]="{ 'max-height': '300px' }",修改后代码如下
<nz-tree-select name='deptId' nzPlaceHolder="请选择" [nzNodes]="nodeTrees"
nzShowSearch [(ngModel)]="deptId"
nzHideUnMatched="true" [nzAllowClear]="false"
[nzDropdownStyle]="{ 'max-height': '300px' }">
</nz-tree-select>