无法在 Angular 6 TS 中访问 POST 服务答案

【问题标题】：Unable to hit POST service in Angular 6 TS无法在 Angular 6 TS 中访问 POST 服务
【发布时间】：2019-07-09 06:46:17
【问题描述】：

我无法在我的 TS 中调用邮政服务。我以表单的形式从用户那里获取数据，并将这些数据保存到一个数组中，并在一个表中显示这些数据。之后，我单击另一个按钮来保存我的数据，并调用了一个不工作且未显示任何错误的服务。我还在此按钮上调用了其他两个服务，单击它工作正常，但我的阵列服务不工作。

服务.ts

insertAddresses(formData: SettingsAddressesModel) {
    return this.http.post(this.apiURL + "/SettingAddress/SaveAddress", formData);
  }

组件.ts

insertAddressList(compIDforAddress){
    for(var i = 0; i < this.childSettingAddressComponent.SettingsAddressesList.length; i++){
      this.childSettingAddressComponent.SettingsAddressesList[i].ElementID = compIDforAddress;
      //this.addressService.insertAddresses(this.childSettingAddressComponent.SettingsAddressesList[i]);
      console.log('address data', this.childSettingAddressComponent.SettingsAddressesList[i]);
    }
    this.addressService.insertAddressListArray(this.childSettingAddressComponent.SettingsAddressesList);
    console.log('Address Elment ID:', compIDforAddress);
  }

【问题讨论】：

请检查CORS是否启用
你的订阅方法在哪里？
@HameedSyed 没错！你需要订阅

标签： angular typescript web-services asp.net-web-api angular6

【解决方案1】：

您需要订阅任何异步调用。否则它们将不会执行。

修改component.ts 中的代码，如下所示：

  this.addressService.insertAddressListArray(this.childSettingAddressComponent.SettingsAddressesList)
.subscribe((result)=>{

    // result will contain the response from service  
     console.log('Address Elment ID:', compIDforAddress); 
    });

【讨论】：

【解决方案2】：

订阅并记录任何错误，因为如果处理不当，大多数情况下 post 方法都会静默失败。

this.addressService.insertAddressListArray(this.childSettingAddressComponent.SettingsAddressesList)
.subscribe((result)=>{    
    // result will contain the response from service  
     console.log('Address Elment ID:', compIDforAddress); 
    },
     (error)=>{
     console.log("error "+error);
     }
);

【讨论】：