NG-ZORRO / ng-zorro-antd

Angular UI Component Library based on Ant Design
https://ng.ant.design
MIT License
8.87k stars 3.94k forks source link

nzSelect nzDisabled out of sync #7758

Closed taipeiwu closed 1 year ago

taipeiwu commented 1 year ago

Reproduction link

https://stackblitz.com/edit/angular-prmzln?file=src%2Fapp%2Fapp.component.ts

Steps to reproduce

  1. 选择 Select 选项。
  2. 点选 Submit ,此时同时会触发 nzSelect 的 nzDisabled 及 button 的 disabled 为 true 。

What is expected?

当改变disabled时,画面协调要一致性。

What is actually happening?

当改变 nzSelect 的 nzDisabled 状态时,总是会比画面上其他同样有执行 disabled 的元件还慢(例如 button ),可参考 stackblitz 范例。

Environment Info
ng-zorro-antd 14.2.1
Browser Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/107.0.0.0 Safari/537.36
zorro-bot[bot] commented 1 year ago

Hello @taipeiwu. Please provide a online reproduction by forking this link https://stackblitz.com/edit/ng-zorro-antd-start or a minimal GitHub repository. Issues labeled by Need Reproduce will be closed if no activities in 7 days.

你好 @taipeiwu, 我们需要你提供一个在线的重现实例以便于我们帮你排查问题。你可以通过点击 此处 创建一个 stackblitz 或者提供一个最小化的 GitHub 仓库 被标记为 Need Reproduce 的 issue 7 天内未跟进将会被自动关闭。

taipeiwu commented 1 year ago

一开始提供的连结有重现问题,如果套用多个ng-select同时执行disabled状态或采用ng-alain框架,在UI上将有更为明显的感觉。