how to disable select control's dropdown menu of nz-zorro-antd?

I am implementing one product in which I have integrated nz-zorro UI collection library.

I want to implement input control that can accept tags from user. nz-zorro will provide me that kind of feature with nz-select control.

when we write tag and then hit enter will convert it like chip. check below gif :



But this control is select control so , it will open dropdown under the control which I don't want to open.

If anyone know about how to disable only dropdown, not input control, then please help me.

I have tried this code :

<nz-form-item>
<nz-form-control>
<nz-select formControlName="tags" nzMode="tags" nzPlaceHolder="Add Keywords">
</nz-select>
</nz-form-control>
</nz-form-item>


I have also tried with custom dropdown template with nzDropdownRender option and keep template empty, but still dropdown is opening.

If anyone have any configuration about it then please mention here. it will saves my lot's of day.

Continue reading...