Javascript 如何向ASP.Net核心API控制器提交表单

我正在用ASP.NETCore2.0和C#开发Angular 2应用程序

我是Angular 2的新手，我一直在阅读文档和搜索，但我还没有找到如何将表单发送到ASP.NETAPI

现在，我的问题是如何获取表单数据并使用

http.post

发送它

Html

code:

<h1>L&iacute;neas</h1>

<p>This component demonstrates fetching data from the server.</p>

<p *ngIf="!lines"><em>Loading...</em></p>
<form (ngSubmit)="onSubmit()" #lineForm="ngForm">
    <table class='table' *ngIf="lines">
        <thead>
            <tr>
                <th>Line Id</th>
                <th>Name</th>
                <th>Line Reference Id</th>
            </tr>
        </thead>
        <tbody>
            <tr *ngFor="let line of lines">
                <td>{{ line.lineId }}</td>
                <td><input [(ngModel)]="line.name" placeholder="name" required name="name-{{line.lineId}}"></td>
                <td><input [(ngModel)]="line.lineReferenceId" placeholder="lineReferenceId" name="lineReferenceId-{{line.lineId}}" required></td>
            </tr>
        </tbody>
    </table>

    <button type="submit" class="btn btn-success">Submit</button>
</form>

import { Component, Inject } from '@angular/core';
import { Http } from '@angular/http';

@Component({
    selector: 'line',
    templateUrl: './line.component.html'
})
export class LineComponent {
    public lines: Line[];
    private baseUrl: string;
    private http: Http;

    constructor(http: Http, @Inject('BASE_URL') baseUrl: string) {
        this.http = http;
        this.baseUrl = baseUrl;

        http.get(baseUrl + 'api/Line').subscribe(result => {
            this.lines = result.json() as Line[];
        }, error => console.error(error));
    }

    onsubmit() {
        this.http.post(this.baseUrl + 'api/Line/Save', JSON.stringify(this.data))
            .subscribe(result => { }, error => console.error(error));
    }
}

interface Line {
    lineId: number;
    name: string;
    lineReferenceId: string;
}

我的问题是：

this.http.post（this.baseUrl+'api/Line/Save'，JSON.stringify（this.data））

。我不知道如何获取表单数据：

这个。数据不存在

我怎样才能拿到表格

顺便说一下，我不知道这是否是在构造函数中获取基本url和http客户端的正确方法：

this.http = http;
this.baseUrl = baseUrl;

您的数据已绑定到变量“lines”。因此，请尝试以下方法：

onsubmit() {
    this.http.post(this.baseUrl + 'api/Line/Save', JSON.stringify({ lines: lines }))
        .subscribe(result => { }, error => console.error(error));
}

然后在后端找到post键“lines”。
获取http类和url字符串的代码很好