时间戳

首页 > 解决方案 > 将数据从外部应用程序发布到 Angular App 并将结果显示在外部应用程序中作为弹出窗口的有效方法是什么？

c# - 将数据从外部应用程序发布到 Angular App 并将结果显示在外部应用程序中作为弹出窗口的有效方法是什么？

问题描述

我有一个要求，当用户单击外部应用程序（.net 框架 Web 应用程序）中的链接时，我需要将一些数据发布到 Angular 应用程序。

然后，该 Angular 应用程序将进行 web-api 调用并将结果显示为弹出的 int 外部应用程序浏览器。

我知道 Angular 是针对客户端的，它不能接受发布请求。

如果我直接从外部应用程序调用 api，那么 api 将返回数据，但是我应该如何将数据绑定到角度组件，以便它可以在外部应用程序中显示为弹出窗口。？

标签： c#angulartypescriptasp.net-coreasp.net-web-api

解决方案

但是，更好的做法是拥有一个单独的服务文件和一个组件文件，但只需在您的组件中执行以下操作：

import { Component, OnInit } from '@angular/core';
import { HttpClient} from '@angular/common/http';


@Component({
  selector: 'app-example',
  templateUrl: './app-example.component.html',
  styleUrls: ['./app-example.component.scss']
})
export class AppExampleComponent implements OnInit { 

   public dataSource: any;

   constructor(private _http: HttpClient){}

   ngOnInit() {
    this._http.get("your WebApi link here").subscribe( (data) => {
       this.dataSource = data.data; 
    });
   }

}

通过这种方法，您可以从提供 GET API 的 webApi 中检索数据。在dataSource变量中是可以在 HTML 文件中呈现它的数据。

推荐阅读