ng9 strictTemplates issues

[dylanvdmerwe]

Reproduction link

https://github.com/dylanvdmerwe/zorro-strictTemplates-repo

Steps to reproduce

In Angular 9, set strictTemplates to true in angularCompilerOptions in tsconfig.json. Run ng build on the repo.

Property 'subscribe' does not exist on type 'EventEmitter<any> | OnClickCallback<any>'.
  Property 'subscribe' does not exist on type 'OnClickCallback<any>'.

Type 'NzSelectComponent' is missing the following properties from type 'NgModel': control, viewModel, name, isDisabled, and 34 more.

Disabling strictTemplates allows the code to run as expected.

The repo attached is just an example of what we have run into. I am sure there are additional components and cases that would need to be checked as well.

Some additional comments here: #4757

Background info: https://auth0.com/blog/angular-9s-best-hidden-feature-strict-template-checking/

What is expected?

Ng-Zorro should not prevent the additional checks implemented by strictTemplates.

What is actually happening?

Typing errors prevent the code from compiling.

Environment	Info
ng-zorro-antd	9.1.0
Browser	Chrome

[vthinkxie]

plz follow #4994

[dylanvdmerwe]

Note that this is still an issue with version 9.1.1. Repo updated.

[vthinkxie]

cc @hsuanxyz

[hsuanxyz]

Hi, @dylanvdmerwe

Property 'subscribe' does not exist on type 'EventEmitter | OnClickCallback'.
Property 'subscribe' does not exist on type 'OnClickCallback'.

fix via #5265;

Type 'NzSelectComponent' is missing the following properties from type 'NgModel': control, viewModel, name, isDisabled, and 34 more.

need to specify the reference name to narrowing types.

<app-test-wrapper [control]="selector">
  <nz-select ngModel="lucy" #selector="ngModel">
                                       ~~~~~~~
  </nz-select>
</app-test-wrapper>

[dylanvdmerwe]

Thank you for this!