Question

我正在开发一种简单的Angular 2反应形式。我使用ASP.NET和SQL服务器作为后端来存储表单数据。我使用角度服务将表单数据从角度2发送到asp.net页面，在那里我无法读取那些表单数据。

这是我发送表单数据的角度代码。

import { Injectable } from '@angular/core';
import { Http, Response, Headers, RequestOptions } from '@angular/http';
import { Observable } from  'rxjs/observable';
import 'rxjs/add/operator/map';
import 'rxjs/add/operator/do';
import 'rxjs/add/operator/catch';
import { User } from './signup.interface';

@Injectable()
export class SignupService {
    headers: Headers;
    options: RequestOptions;

    private producturl = "http://172.21.41.70:8081/DB-Connect/";
    constructor(private _http: Http) {
        this.headers = new Headers({
            'Content-Type': 'application/json'
         });
          this.options = new RequestOptions({ headers: this.headers });
    }

    postDetails(user: User): Observable<User[]> {
       // console.log(user); 
        let body = JSON.stringify(user);
        console.log(body);
        return this._http.post(this.producturl, body, this.options)
            .map((response: Response) => response)
            .do(data => console.log(JSON.stringify(data)))
            .catch(this.handleError);
    }

    /*private extractData(res: Response) {
        console.log(res);
        let body = res.json();
        return body || {};
    }*/

    private handleError(error: Response) {
        console.log(error);
        return Observable.throw(error.json().error());
    }
}

这是我的asp.net代码

   Response.ContentType = "text/plain";
        using (WebClient wc = new WebClient())
        {
            var json = wc.DownloadString("http://localhost:4200");
            Response.Write(json);
        }

执行代码时，我完全将角度索引页面作为输出。我没有得到我发送的任何JSON数据。

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Demo</title>
  <base href="/">

  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
  <app-root></app-root>
<script type="text/javascript" src="inline.bundle.js"></script><script type="text/javascript" src="polyfills.bundle.js"></script><script type="text/javascript" src="styles.bundle.js"></script><script type="text/javascript" src="vendor.bundle.js"></script><script type="text/javascript" src="main.bundle.js"></script></body>
</html>

请帮我看一下asp.net页面中的JSON数据。提前致谢

Answer 1

使用.NET作为后端的Angular 2项目可以安装Visual Studio 2017和.NET SDK框架。

安装Visual Studio 2017。
安装.net sdk framework。
转到文件 - ＆gt;新 - ＆gt;项目 - ＆gt; ASP .NET核心Web应用程序，并给予好评。
然后选择Angular来创建我们的Angular应用程序。
ClientApp文件夹中的代码角度部分。它还包含两个演示文件供我们参考。
在Controllers文件夹中创建一个C＃文件以进行后端访问。例如我创建了名为ValuesController.cs
我们可以将Angular服务文件中的C＃控制器文件称为'api / Values' （请参阅ValuesController.cs中的此URL）
我们可以在里面的ValuesController.cs文件中编写我们的后端代码个人获取，发布功能。在该控制器文件中，我们可以获取和发布数据。

谢谢。

如何使用asp.net

1 个答案: