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数据库连接池配置技巧(默认值)

    ado.net 本就有连接功能,所有.net开法基本不用去考虑连接问题,怪不得.net的连接池资料网上找不到。.net连接池只要在连接字符串里配制就可以了
    2008-12-12
  • .NET C#使用微信公众号登录网站

    .NET C#使用微信公众号登录网站

    这篇文章主要介绍了.NET C#使用微信公众号登录网站,教大家利用微信公众号进行网站登录,感兴趣的小伙伴们可以参考一下
    2016-08-08
  • ASP.Net缓存总结及分析 分享

    ASP.Net缓存总结及分析 分享

    提高性能最好最快的办法当然是通过缓存来改善,对于任何一个web开发者都应该善用缓存。Asp.net下的缓存机制十分强大,用好缓存机制可以让我们极大的改善web应用的性能,下面是一些总结的缓存的知识点,与大家分享交流:
    2013-06-06
  • asp.net webform自定义分页控件

    asp.net webform自定义分页控件

    这篇文章主要为大家详细介绍了asp.net webform自定义分页控件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • .net实现网站用户登录认证

    .net实现网站用户登录认证

    本文给大家介绍的是.net实现网站用户登录认证的方法和实例,都非常的简单实用,需要的小伙伴可以参考下。
    2015-11-11
  • 在 Net7.0 环境下如何使用 RestSharp 发送 Http(FromBody和FromForm)请求

    在 Net7.0 环境下如何使用 RestSharp 发送 Http(FromBody和FromForm)请求

    这篇文章主要介绍了在 Net7.0 环境下使用 RestSharp 发送 Http(FromBody和FromForm)请求,今天,我就两个小的知识点,就是通过使用 RestSharp 访问 WebAPI,提交 FromBody 和 FromForm 两种方式的数据,还是有些区别的,本文结合实例代码介绍的非常详细,需要的朋友参考下吧
    2023-09-09
  • ASP.NET Core中使用Swagger

    ASP.NET Core中使用Swagger

    这篇文章介绍了ASP.NET Core中使用Swagger的方法,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-03-03
  • ASP.NET Core 导入导出Excel xlsx 文件实例

    ASP.NET Core 导入导出Excel xlsx 文件实例

    本篇文章主要介绍了ASP.NET Core 导入导出Excel xlsx 文件,非常具有实用价值,需要的朋友可以参考下。
    2016-12-12
  • Request.QueryString与一般NameValueCollection的区别

    Request.QueryString与一般NameValueCollection的区别

    最近在做一个搜索程序的优化改进,将搜索结果按照查询的参数不同进行缓存。缓存的Key很自然的就想到了用查询字符串,而获取查询字符串的最简单方式是通过Request.QueryString.ToString()方法
    2011-12-12
  • Silverlight中同步调用WebClient的解决办法,是同步!

    Silverlight中同步调用WebClient的解决办法,是同步!

    如何建立web服务并引用的细节,不是本文的介绍的目标,不再赘述。在silverlight调用服务器端服务的时候,默认情况下是进行异步调用的
    2011-04-04

最新评论