ASP.NET MVC：使用模型将数据从视图发布到控制器与使用 Angular js 发布数据答案

【问题标题】：ASP.NET MVC: Post data from view to controller using model vs post data using angular jsASP.NET MVC：使用模型将数据从视图发布到控制器与使用 Angular js 发布数据
【发布时间】：2016-06-23 06:10:10
【问题描述】：

在 ASP.NET MVC 中将数据从视图发布到控制器或使用 $http 服务（角度 js）发布数据的最佳方式是什么？

【问题讨论】：

标签： angularjs asp.net-mvc-4 razor

【解决方案1】：

我认为你应该从here清除你的概念

【讨论】：

在上面的链接中使用 Angular js 发布数据。但与此相比，这是最好的方法吗（link）@Singh
我认为您应该需要最简单的方法来使用 Angular js 将数据从视图发布到控制器
通过使用 angularjs，我们必须手动将 $scope 变量分配给对象以发布数据，但在此 (stackoverflow.com/questions/20333021/…) 中它会自动发布
此链接未使用 Angular js。它与 c# 一起使用 mvc。
其实，我的问题是哪种是发布数据的最佳方式 1.using angular js。 Example 2.post 数据从强类型视图到控制器。Example

【解决方案2】：

这是我认为你想要的 Angular js 代码：

click: function () 
{
    if ($scope.myform.$valid) {
        var empdetails = 
        {
            firstname: $scope.firstnamemodel,
            lastname: $scope.lastnamemodel,
            gender: $scope.gendermodel,
            emailid: $scope.emailidmodel,
            empid: Math.floor((Math.random() * 10000) + 1), 
            isfulltime: false,
        };
        //postservice.postdata(empdetails);
        $http.post('/Registration/DoRegister', empdetails);
        $(this).dialog("close");
        $("body").css("background-color", "white");
    }

这是 MVC 的模型类：

public class EmpDetails
{
    public string firstname { get; set; }
    public string lastname { get; set; }
    public string gender { get; set; }
    public string emailid { get; set; }
    public string empid { get; set; }
    public bool isfulltime { get; set; }
}

但请记住您的模型类变量名称与 Angular js 变量名称相同 ...这是我的控制器 cal：

public ActionResult DoRegister(EmpDetails empdetails)
{
    //some code...
}

在 bt 输出窗口打印选项之后，您可以检查数据是否正在发布。

希望这会有所帮助...

【讨论】：