首页 > 解决方案 > Angularjs空对象问题发送mvc控制器

问题描述

我正在使用 asp.net core 3.1 和 angular js 进行开发。我正在尝试将一个对象从 js 发送到 mvc 控制器,但另一方面它总是需要空对象,对象值出现在 console.log 中。我没有找到任何事情可做或我犯了什么错误。我现在该怎么办?提前致谢

html代码

<div class="row" ng-controller="EmployeeController as vm">
    <form method="post" class="form-horizontal" id="EmployeeSetupForm"
          name="EmployeeForm">
        <div class="row">
            <div class="col-md-6">
                <div class="form-group">
                    <label class="bmd-label-floating">First Name</label>
                    <input type="text" class="form-control" required
                           ng-model="vm.eEmployee.FirstName" name="FirstName">
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-group">
                    <label class="bmd-label-floating">Middle Name</label>
                    <input type="text" class="form-control" required
                           ng-model="vm.eEmployee.MiddleName" name="MiddleName">
                </div>
            </div>
        </div>
        <div>
            <div class="col-lg-3 float-left ">
            </div>
            <div class="col-lg-9 ">
                <button type="button" class="btn btn-info"
                        ng-click="vm.SaveEmployee()">
                    <i class="glyphicon glyphicon-save"> Save</i>
                </button>
            </div>
        </div>
    </form>
</div>

js代码

在此处输入图像描述

和 mvc 控制器和模型类

 [HttpPost]      
    public ActionResult SaveEmployee(Employee employee)
    {           
        var list = _empManager.Add(employee);
        return Json(new {data= list });
    }

db first 方法生成的模型类

public partial class Employee
{
    public int Id { get; set; }
    public string FirstName { get; set; }
    public string MiddleName { get; set; }
}

标签: javascriptangularjsmodel-view-controller

解决方案


添加如下标题

var post = $http({
                method: "POST",
                url: "/Employee/SaveEmployee",
                dataType: 'json',
                data: {'Id':1,'FirstName':'A','MiddleName':'B'},
                headers: { "Content-Type": "application/json" }
            });


推荐阅读