为什么typescript将我的值设置为一个' undefined‘字符串而不是一个未定义的字符串？
为什么typescript将我的值设置为一个' undefined‘字符串而不是一个未定义的字符串？
提问于 2020-12-08 09:57:14
我有一个select下拉列表，其中我将第一个值设置为未定义的。
但问题是，如果我选择一个下拉值，然后选择第一个值('All')，那么我绑定的变量最终会变成一个字符串'undefined‘，它实际上会将它从一个数字更改为一个字符串。
memberParams.membership // is a :number and I don't want it to be converted to a string而memberTypes是一个名称/值对
export interface IMemberType {
value: number;
name: string;
}为什么会发生这种情况，我该如何防止呢？
this.memberTypes = [{value: undefined, name: 'All'}, ...response.memberships];<select class="form-control custom-select w-100" name="memberType" [(ngModel)]="memberParams.membership">
<option *ngFor="let memberType of memberTypes" [value]="memberType.value">
{{memberType.name}}
</option>
</select>
回答 1
Stack Overflow用户
发布于 2020-12-08 10:11:01
HTML value属性始终为数字或字符串。因此，没有办法在Angular模板中修复它。但是，在您的组件中，您可以使用setter和getter来正确地更改该值。
在您的组件中：
get membership() {
return this.memberParams.membership;
}
set membership(value: string | number) {
this.memberParams.membership = val === "undefined"? undefined : value;
}您只需在模板中进行一个小更改，即将[(ngModel)]绑定从memberParams.membership更改为仅membership。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/65192015
复制相关文章
相似问题
腾讯云开发者
