按 ID 角度获取元素

Question

我使用 asp.net 和 angular 7，我尝试恢复由带有 get ID 的表单保存的数据，这些数据很好地存储在本地存储中，但它没有显示在用户的前端，也没有显示的错误你能帮我吗 在组件中我有这个代码

export class DashboardComponent implements OnInit {
  Syntheses: AddClient[];
  currentSynthese: AddClient;
  currentSyntheseSubscription:Subscription;
  public currentSyntheseSubject: BehaviorSubject<AddClient>;
  
getByIdSynthese(idSynthese:number){
  this.userService.getByIdSynthese(idSynthese).toPromise().then(res =>this.currentSynthese= res as AddClient);
}

在 HTML 中

<tr>
    <td>{{currentSynthese.Date}}</td>
    <td>{{currentSynthese.MCCD01}}</td>
    <td>{{currentSynthese.MCCD02}}</td>
    <td>{{currentSynthese.MCCD03}}</td>
    <td>{{currentSynthese.MCCD04}}</td>
    <td>{{currentSynthese.MCCD05}}</td>
    <td>{{currentSynthese.MCCI01}}</td>
    <td>{{currentSynthese.MCCI02}}</td>
    <td>{{currentSynthese.MCCI03}}</td>
    <td>{{currentSynthese.MCCI04}}</td>
    <td>{{currentSynthese.MCCI05}}</td>
    <td>{{currentSynthese.MACD01}}</td>
    <td>{{currentSynthese.MACD02}}</td>
    <td>{{currentSynthese.MACD03}}</td>
    <td>{{currentSynthese.MACD04}}</td>
    <td>{{currentSynthese.MACD05}}</td>
    <td>{{currentSynthese.MACD06}}</td>
    <td>{{currentSynthese.MACI01}}</td>
    <td>{{currentSynthese.MACI02}}</td>
    <td>{{currentSynthese.MACI03}}</td>
    <td>{{currentSynthese.MACI04}}</td>
    <td>{{currentSynthese.MACI05}}</td>
    <td>{{currentSynthese.MACI06}}</td>
    <td>{{currentSynthese.MOCD01}}</td>
    <td>{{currentSynthese.MOCD02}}</td>
    <td>{{currentSynthese.MOCD03}}</td>
    <td>{{currentSynthese.MOCI01}}</td>
    <td>{{currentSynthese.MOCI02}}</td>
    <td>{{currentSynthese.MOCI03}}</td>
</tr>    

并在服务中使用此代码

getByIdSynthese(idSynthese: number) {
    return this.http.get(this.rootURL+`/AddClients/${idSynthese}`);
} 

Answer 1

为什么不在你的服务中试试这个：

async getByIdSynthese(idSynthese: number): Promise<AddClient> {
    const result = await this.http.get(this.rootURL+`/AddClients/${idSynthese}`);
    console.log(result);
    return Promise.resolve(result);
}

在你的组件中：

async getByIdSynthese(idSynthese:number){
    this.currentSynthese = await this.userService.getByIdSynthese(idSynthese);
    console.log(this.currentSynthese);
}

首先，我认为它更简洁一些，然后，它可能只是避免混淆数据返回错误的位置。