Question

我该如何继续调用canadapost服务API以使用angular自动填充地址信息。

我不需要与http调用相关的代码。我更希望了解如何在更改文本框时进行此调用。

我在UI上获得了addressline1，addressline2，城市，省，邮政编码，国家/地区文本框字段。当我在任何一个框上键入内容时，它都会自动填充所有字段。

下面是该API正在尝试使用的

https://ws1.postescanada-canadapost.ca/AddressComplete/Interactive/AutoComplete/v1.00/json3.ws?Key=APIKEY&SearchTerm=6366

示例JSON：

{
  "Items": [
    {
      "Id": "CA|CP|A|9844581",
      "Text": "6366-1150 Rue Des Quatre-Saisons",
      "Highlight": "0-4",
      "Description": "Sherbrooke, QC, J1E 3X3",
      "IsRetrievable": true
    },
    {
      "Id": "CA|CP|A|281990",
      "Text": "6366 Ashworth Pl",
      "Highlight": "0-4",
      "Description": "Burnaby, BC, V5E 3V3",
      "IsRetrievable": true
    },
    {
      "Id": "CA|CP|ENG|QC-MONTR\u00C9AL+NORD-RUE_PIERRE-6366|NjM2NiBSdWUgUGllcnJl",
      "Text": "6366 Rue Pierre",
      "Highlight": "0-4",
      "Description": "Montr\u00E9al-Nord, QC, H1G 1P2",
      "IsRetrievable": false
    }
}

如何用angular 7来实现呢？

调用canadapost自动完成api以在angular中填充文本框

0 个答案: