Question

我是Aurelia的新手。我有一个WebApi，它将返回一些我希望填充到导出模型中的数据，然后在屏幕上显示信息。我认为它会进入我的运行事件，但我不确定。任何人都可以告诉我如何做到这一点。任何信息都将非常受欢迎。我的代码如下。

- 詹森

＆＃13;

import 'fetch';
import {HttpClient, json} from 'aurelia-fetch-client';
import {inject} from 'aurelia-dependency-injection';

declare var window: { wcApiUrl: string, wcAmtInstanceId: string };

@inject(HttpClient)
export class BureauModUpdate {

    files: string;
    
    constructor(private http: HttpClient) {
        http.configure(x => {
            x.defaults.headers = { 'Authorization': 'Basic ' + window.wcAmtInstanceId }
        });
    }

    public run(): void {
        //Would I put it here ??

    }
     upload(): void {
         var form = new FormData()
         for (var i = 0; i <= this.files.length; i++) {
             form.append('file', this.files[i])
             this.http.fetch(window.wcApiUrl + '/Lookup/BureauModUpdate/CreateBureauModUpdates', {
                 method: 'post',
                 body: form
             })
         }

   

    }
}

export class BureauModUpdateHistory  {
    public IndexId: number;
    public UploadID:number;
    public EmployeeNum: number;
    public filename: string;
    public Bureau: string;
    public UploadedDate: Date;
    public UploadedStatus: string;
    public ErrorInfo: string;
    public RecordCount: number;
  
}

＆＃13;

Answer 1

要在页面加载时发生某些事情，请使用attached() Aurelia组件生命周期方法，如下所示：

attached() {
  // do something here
}

有关组件生命周期的更多信息，请参阅Aurelia's DocHub上的文档。

使用Fetch获取数据的示例：

要使用fetch（或任何其他Web服务）获取HTTP数据，您需要使用异步调用（使用.then链接下一个事件）。例如：

this.http.fetch(url).then(response => {
  this.data = response;
}

然后，只需将您的数据绑定到this.data（取决于您获得的数据类型）。例如：

<template>
  Hello, ${data.fname}!
</template>

使用Aurelia绑定和显示数据

1 个答案: