ASP.NET MVC中jQuery与angularjs混合应用传参并绑定数据

 更新时间:2017年06月17日 14:29:53   作者:Insus.NET  
这篇文章主要介绍了ASP.NET MVC中jQuery与angularjs混合应用传参并绑定数据,需要的朋友可以参考下

要求是这样子的,在一个列表页中,用户点击详细铵钮,带记录的主键值至另一页。
在另一外页中,获取记录数据,然后显示此记录数据在网页上。

先用动图演示:

昨天有分享为ng-click传递参数 《angularjs为ng-click事件传递参数》http://www.cnblogs.com/insus/p/7017737.html

上面仅仅是在ng-click传入一个值,但是在ASP.NET MVC中,还需要把这个值传至另外一个视图中《ASP.NET MVC传递参数(model)》http://www.cnblogs.com/insus/p/6148167.html

$scope.Detail = function (code) {
      var objects = {};
      objects.Key = code;
      objects.Value = "";
      objects.Controller = "Code";
      objects.Action = "ClauseDetail";
      $http({
        method: 'POST',
        url: '/Pass/Redirect',
        dataType: 'json',
        headers: {
          'Content-Type': 'application/json; charset=utf-8'
        },
        data: JSON.stringify(objects),
      }).then(
         function success(response) {
           if (response.data.Success) {            
             window.location.href = response.data.RedirectUrl;
           }
           else {
             alert(response.data.ExceptionMessage);
           }
         },
        function error(error) {
          alert(response.error.data);
        });
    };

在ASP.NET MVC的控制器的Action接收参数,获取数据库的数据:

public ActionResult ClauseDetail()
    {
      if (TempData["Pass"] == null)
        return RedirectToAction("Clause", "Code");
      var pass = TempData["Pass"] as Pass;
      TempData["Pass"] = pass;
      Clause c = new Models.Clause();
      c.Code = pass.Key.ToString();
      ClauseEntity ce = new ClauseEntity();
      var model = ce.ClauseByKey(c).FirstOrDefault();
      return View(model);
    } 

上面从数据库获取数据后,给视图一个model。下面是本篇所说的重点,怎样把ASP.NET MVC的model传给angularjs ng-model:

以上所述是小编给大家介绍的ASP.NET MVC中jQuery与angularjs混合应用传参并绑定数据,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • .net中下载文件的实例代码

    .net中下载文件的实例代码

    .net中下载文件的实例代码,需要的朋友可以参考一下
    2013-03-03
  • asp.net 身份验证(最简单篇)

    asp.net 身份验证(最简单篇)

    在创建网站中,常常会使用到身份验证。asp.net中内置了几种身份验证的方式,如Windows、Froms、Passport等。这几种身份验证的方式各有不同。
    2009-05-05
  • ABP入门系列之Json格式化

    ABP入门系列之Json格式化

    ,JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。本文重点给大家介绍ABP入门系列之Json格式化,需要的朋友可以参考下
    2017-03-03
  • 使用dotnet-dump 查找 .net core 3.0 占用CPU 100%的原因解析

    使用dotnet-dump 查找 .net core 3.0 占用CPU 100%的原因解析

    这篇文章主要介绍了使用dotnet-dump 查找 .net core 3.0 占用CPU 100%的原因,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-06-06
  • .NET5实现操作注册表的方法

    .NET5实现操作注册表的方法

    本文详细讲解了.NET5实现操作注册表的方法,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-02-02
  • 详解.NET中负载均衡的使用

    详解.NET中负载均衡的使用

    这篇文章主要介绍了详解.NET中负载均衡的使用,负载均衡即LB,就是将并发的用户请求通过规则后平衡、分摊到多台服务器上进行执行,以此达到压力分摊、数据并行的效果
    2022-06-06
  • 如何使用 .NET 创建新的 WPF 应用

    如何使用 .NET 创建新的 WPF 应用

    本文介绍了如何使用.NET创建新的WPF应用,并向窗口添加控件,通过处理控件事件,可以为应用提供功能,感兴趣的朋友跟随小编一起看看吧
    2024-11-11
  • LINQ字符串向datetime 转换时失败的处理方法

    LINQ字符串向datetime 转换时失败的处理方法

    LINQ字符串向datetime 转换时失败的处理方法,需要的朋友可以可以参考一下
    2013-03-03
  • js获取Treeview选中的节点(C#选中CheckBox项)

    js获取Treeview选中的节点(C#选中CheckBox项)

    方法网上有很多,试了一下都有瑕疵,于是设置断点调试,各个属性查找有用的字段,终于找到,接下来与大家分享解决方法,需要了解的朋友可以参考下
    2012-12-12
  • .NET Core基于Generic Host实现后台任务方法教程

    .NET Core基于Generic Host实现后台任务方法教程

    这篇文章主要给大家介绍了关于.NET Core基于Generic Host实现后台任务的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2018-11-11

最新评论