Angular2 - [disabled] button issue with chrome autocomplete

Question

For a simple login form, the login button is set to be disabled like following: [disabled]="!password || !loginName" And Chrome autocomplete will fill in those value. But after the page is loaded with loginName and password auto filled in, the button still disabled at the first load. I have to click somewhere on the page or click the button directly to login. [This is not preventing the click event to be captured, but the UI will display as disabled.]

Answer 1

你能在输入中尝试readonly属性吗？

 [readonly] = "!password || !loginName"