ngModel与nzValue复杂场景

ng-antd-zorro和angular背景下，在使用select下拉选择框组件时，需同时使用到“[(ngModel)]”、“[nzLabel]”、“[nzValue]”等属性。其中有一些概念容易混淆，因此记录一下。

[nzLabel]和[nzValue]这一对属于nzOption，前者是展示出来的值，后者是变量。简单的例子为性别选择，那么nzLabel应该为男或女，nzValue为相应变量。一般会有相应的对象数组来承载label和value之间的对应关系。

若要与ts变量进行双向绑定，则需使用[(ngModal)]。比如，下拉选择的应用场景中，要将用户选择的值绑定给ts中的变量name，此时ngModel（放在nzSelect中）与nzValue（放在nzOption中）相对应，与nzLabel无关。具体来说，在渲染时，ngModel变量首先赋值给下拉框一个初始值；若该值不在value数组中，则无法匹配成功，相应的也不会渲染出label结果，页面会出现问题。因此，naModel变量必须在nzValue数组中。