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混合应用传参并绑定数据,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • Asp.net开发之webform图片水印和图片验证码的实现方法

    Asp.net开发之webform图片水印和图片验证码的实现方法

    这篇文章主要介绍了Asp.net开发之webform图片水印和图片验证码的实现方法,实现思路分为前后台代码和效果展示,非常不错具有参考借鉴价值,需要的朋友可以参考下
    2016-10-10
  • 在asp.net中操作sql server数据库的一些小技巧

    在asp.net中操作sql server数据库的一些小技巧

    在asp.net中操作sql server数据库的一些小技巧...
    2006-09-09
  • ASP.NET中Web API的简单实例

    ASP.NET中Web API的简单实例

    Web API框架是一个面向Http协议的通信框架,Web API 框架是一个面向Http协议的通信框架。Web API 框架目前支持两种数据格式的序列化:Json 及 Xml。在不做任何配置的情况下,则 Web API 会自动把数据使用xml进行序列化,否则使用 json 序列化,需要的朋友可以参考下
    2015-10-10
  • 使用最小 WEB API 实现文件上传会遇到的坑

    使用最小 WEB API 实现文件上传会遇到的坑

    这篇文章主要介绍分享使用最小 WEB API 实现文件上传时会遇到的坑,在使用 .NET 6 的最小 WEB API 来实现相同功能时,总是会意外地遇到了不少坑,下面我们就来看看这些坑都是怎么处理的吧,需要的朋友可以参考下
    2022-02-02
  • ASP.NET MVC5网站开发添加文章(八)

    ASP.NET MVC5网站开发添加文章(八)

    小编整理的ASP.NET MVC5网站开发是一系列的文章体系,大家要一篇篇的仔细阅读,今天这篇文章主要介绍了ASP.NET MVC5网站开发添加文章,需要的朋友可以参考下
    2015-09-09
  • asp.net 数据库连接池浅析

    asp.net 数据库连接池浅析

    asp.net是默认支持连接池的,所以关于张方面的介绍和谈论都比较少,查了一下msdn,有一下知识
    2010-03-03
  • updatepanel用法之triggers使用示例

    updatepanel用法之triggers使用示例

    triggers有的两种触发器asyncpostbacktrigger和postbacktrigger,下面是使用示例,需要的朋友可以参考下
    2014-03-03
  • asp.net gridview 72般绝技

    asp.net gridview 72般绝技

    把gridview的功能,整理了下,并给出了实例代码,学习gridview的朋友必看的
    2008-09-09
  • .NET 中的 常量字段const应用介绍

    .NET 中的 常量字段const应用介绍

    C#中,当使用常数符号const时,编译器首先从定义常数的模块的元数据中找出该符号,并直接取出常数的值,接下来详细介绍,感兴趣的朋友可以参考下
    2013-01-01
  • repeater 分列显示以及布局的实例代码

    repeater 分列显示以及布局的实例代码

    repeater 分列显示以及布局的实例代码,需要的朋友可以参考一下
    2013-03-03

最新评论