【问题标题】:how to print cities based on zip code in javascript array?如何根据javascript数组中的邮政编码打印城市?
【发布时间】: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


【解决方案1】:
getCity = (theCurrentZip: any) => {
  return this.zip[theCurrentZip];    
}

如果我没有错过任何重要的事情,它应该会完成这项工作。

【讨论】:

  • 非常感谢它完美运行!
猜你喜欢
  • 2013-08-16
  • 1970-01-01
  • 1970-01-01
  • 2018-09-21
  • 1970-01-01
  • 2023-03-31
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多