【发布时间】:2021-10-07 19:17:55
【问题描述】:
我正在尝试从用户输入邮政编码并触发 on key up 事件,该事件将填充该地区可用的商店/城市,下面是相同的代码 sn-p..
delivery.component.ts
zip: any = {
"10020": ["A", "B" ],
"20050":[ "X", "Y" ]
};
getCity = (theCurrentZip: any) => {
let key = Object.keys(this.zip).filter(z => {
return z.includes(theCurrentZip)
}).values();
console.log("here",key);
}
onKeyUp(event: any){
this.deliveryForm.patchValue({
city: this.getCity2(event.target.value)
})
}
delivery.component.html
<form [formGroup]="deliveryForm" >
<div style="margin: 0 auto;text-align: left;">
<div>
<label>Zipcode:</label>
<div><input id="zip" type="text" formControlName="zip" (keyup)="onKeyUp($event)"/></div>
</div>
<div>
<label>City:</label>
<input id="city" type="text" formControlName="city">
</div>
</div>
</form>
【问题讨论】:
-
为什么所有的键/过滤器业务?你不只需要
this.zip[theCurrentZip]吗?假设你有 key 并且想要 value? -
是的,我走错了方向。过于复杂的事情
标签: javascript angular typescript zipcode