使用Aurelia绑定和显示数据

我是奥雷莉亚的新手。我有一个WebApi，它将返回一些我想填充到导出模型中的数据，然后在屏幕上显示信息。我想它会进入我的运行事件，但我不确定。谁能告诉我怎么做。如有任何信息，将不胜感激。我的代码如下

--杰森

导入'fetch'；
从'aurelia fetch client'导入{HttpClient，json}；
从“aurelia依赖项注入”导入{inject}；
声明变量窗口：{wcApiUrl:string，wcAmtInstanceId:string}；
@注入（HttpClient）
导出类BureauModUpdate{
文件：字符串；
构造函数（专用http:HttpClient）{
http.configure（x=>{
x、 defaults.headers={'Authorization'：'Basic'+window.wcAmtInstanceId}
});
}
公共运行（）：无效{
//我能把它放在这里吗？？
}
上载（）：无效{
var form=new FormData（）
对于（var i=0；i要在页面加载时发生一些事情，请使用
attached（）
Aurelia组件生命周期方法，如下所示：

attached() {
  // do something here
}

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

使用Fetch获取数据的示例：

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

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

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

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

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

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


您好，${data.fname}！
要在页面加载时发生一些事情，请使用
附件（）
Aurelia组件生命周期方法，如下所示：

attached() {
  // do something here
}

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

使用Fetch获取数据的示例：

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

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

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

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

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

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


您好，${data.fname}！
Aurelia HTTP服务上的文档值得您花时间阅读：这完全取决于您想做什么：在用户事件上触发请求？或在VM激活上？或在组件连接上？尝试在页面加载后立即执行get。值得您花时间阅读Aurelia HTTP服务上的文档：It com完全取决于您想要做什么：在用户事件上触发请求？或在VM激活上触发请求？或在组件连接上触发请求？尝试在页面加载后立即执行get。上传工作正常。不是问题。我只是尝试进行另一个Webapi调用来填充BureauModUpdateHistoryclass，然后在页面加载时显示信息。所以我想它会像run（）一样，进行一个非常类似的api调用…public run（）：void{this.http.fetch（window.wcapirl+'/Lookup/BureauModUpdate/GetLatestBureauModUpdate'，{method:'get'，}）我的文章的重点不在于上传（）例程——它向您展示了当页面加载时，您想要运行的任何东西都应该放在
attached（）
方法中。我将更新我的答案，让它更清楚。好的，谢谢。现在敲门。现在我有了一个类（BureauModUpdateHistory）我正试图将响应绑定到它。很像你用这个.data显示的。但是现在它告诉我类型“response”不可分配给我的类。我需要做什么？从http fetch调用接收的数据的格式是什么？你可以在
中添加
控制台.log（response）；
。然后（）
函数来检查它。你能让它工作吗？我的答案有用吗？上传很好。这不是问题。我只是想调用另一个Webapi来填充BureauModUpdateHistoryclass，然后在页面加载时显示信息。所以我想这可能类似于run（）这使得一个非常相似的api调用…public run（）：void{this.http.fetch（window.wcApiUrl+'/Lookup/BureauModUpdate/GetLatestBureauModUpdate'，{method:'get'，}）我的文章的重点不是关于上传（）例程——它向您展示了当页面加载时，您想要运行的任何东西都应该放在
attached（）
方法中。我将更新我的答案，让它更清楚。好的，谢谢。现在敲门。现在我有了一个类（BureauModUpdateHistory）我正试图将响应绑定到它。很像你用这个.data显示的。但是现在它告诉我类型“response”不可分配给我的类。我需要做什么？从http fetch调用接收的数据的格式是什么？你可以在
中添加
控制台.log（response）；
。然后（）
函数来检查它。你能让它工作吗？我的回答有用吗？