快捷導(dǎo)航

ASP.NET MVC中jQuery與angularjs混合應(yīng)用傳參并綁定數(shù)據(jù)

更新時(shí)間：2017年06月17日 14:29:53 作者：Insus.NET

這篇文章主要介紹了ASP.NET MVC中jQuery與angularjs混合應(yīng)用傳參并綁定數(shù)據(jù),需要的朋友可以參考下

要求是這樣子的，在一個(gè)列表頁(yè)中，用戶點(diǎn)擊詳細(xì)銨鈕，帶記錄的主鍵值至另一頁(yè)。
在另一外頁(yè)中，獲取記錄數(shù)據(jù)，然后顯示此記錄數(shù)據(jù)在網(wǎng)頁(yè)上。

先用動(dòng)圖演示：

昨天有分享為ng-click傳遞參數(shù) 《angularjs為ng-click事件傳遞參數(shù)》http://www.cnblogs.com/insus/p/7017737.html

上面僅僅是在ng-click傳入一個(gè)值，但是在ASP.NET MVC中，還需要把這個(gè)值傳至另外一個(gè)視圖中《ASP.NET MVC傳遞參數(shù)(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接收參數(shù)，獲取數(shù)據(jù)庫(kù)的數(shù)據(jù)：

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);
    }

上面從數(shù)據(jù)庫(kù)獲取數(shù)據(jù)后，給視圖一個(gè)model。下面是本篇所說(shuō)的重點(diǎn)，怎樣把ASP.NET MVC的model傳給angularjs ng-model:

以上所述是小編給大家介紹的ASP.NET MVC中jQuery與angularjs混合應(yīng)用傳參并綁定數(shù)據(jù)，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

相關(guān)文章

.net數(shù)據(jù)庫(kù)連接池配置技巧（默認(rèn)值）
ado.net 本就有連接功能，所有.net開(kāi)法基本不用去考慮連接問(wèn)題，怪不得.net的連接池資料網(wǎng)上找不到。.net連接池只要在連接字符串里配制就可以了
2008-12-12
.NET C#使用微信公眾號(hào)登錄網(wǎng)站
這篇文章主要介紹了.NET C#使用微信公眾號(hào)登錄網(wǎng)站，教大家利用微信公眾號(hào)進(jìn)行網(wǎng)站登錄，感興趣的小伙伴們可以參考一下
2016-08-08
ASP.Net緩存總結(jié)及分析分享
提高性能最好最快的辦法當(dāng)然是通過(guò)緩存來(lái)改善，對(duì)于任何一個(gè)web開(kāi)發(fā)者都應(yīng)該善用緩存。Asp.net下的緩存機(jī)制十分強(qiáng)大，用好緩存機(jī)制可以讓我們極大的改善web應(yīng)用的性能，下面是一些總結(jié)的緩存的知識(shí)點(diǎn)，與大家分享交流：
2013-06-06
asp.net webform自定義分頁(yè)控件
這篇文章主要為大家詳細(xì)介紹了asp.net webform自定義分頁(yè)控件，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-12-12
.net實(shí)現(xiàn)網(wǎng)站用戶登錄認(rèn)證
本文給大家介紹的是.net實(shí)現(xiàn)網(wǎng)站用戶登錄認(rèn)證的方法和實(shí)例，都非常的簡(jiǎn)單實(shí)用，需要的小伙伴可以參考下。
2015-11-11
在?Net7.0?環(huán)境下如何使用?RestSharp?發(fā)送?Http(FromBody和FromForm)請(qǐng)求
這篇文章主要介紹了在?Net7.0?環(huán)境下使用?RestSharp?發(fā)送?Http（FromBody和FromForm）請(qǐng)求,今天,我就兩個(gè)小的知識(shí)點(diǎn),就是通過(guò)使用?RestSharp?訪問(wèn)?WebAPI,提交?FromBody?和?FromForm?兩種方式的數(shù)據(jù),還是有些區(qū)別的,本文結(jié)合實(shí)例代碼介紹的非常詳細(xì),需要的朋友參考下吧
2023-09-09
ASP.NET Core中使用Swagger
這篇文章介紹了ASP.NET Core中使用Swagger的方法，文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2022-03-03
ASP.NET Core 導(dǎo)入導(dǎo)出Excel xlsx 文件實(shí)例
本篇文章主要介紹了ASP.NET Core 導(dǎo)入導(dǎo)出Excel xlsx 文件，非常具有實(shí)用價(jià)值，需要的朋友可以參考下。
2016-12-12
Request.QueryString與一般NameValueCollection的區(qū)別
最近在做一個(gè)搜索程序的優(yōu)化改進(jìn)，將搜索結(jié)果按照查詢的參數(shù)不同進(jìn)行緩存。緩存的Key很自然的就想到了用查詢字符串，而獲取查詢字符串的最簡(jiǎn)單方式是通過(guò)Request.QueryString.ToString()方法
2011-12-12
Silverlight中同步調(diào)用WebClient的解決辦法，是同步！
如何建立web服務(wù)并引用的細(xì)節(jié)，不是本文的介紹的目標(biāo)，不再贅述。在silverlight調(diào)用服務(wù)器端服務(wù)的時(shí)候，默認(rèn)情況下是進(jìn)行異步調(diào)用的
2011-04-04