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中下載文件的實例代碼，需要的朋友可以參考一下2013-03-03
在創(chuàng)建網站中，常常會使用到身份驗證。asp.net中內置了幾種身份驗證的方式，如Windows、Froms、Passport等。這幾種身份驗證的方式各有不同。2009-05-05
,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%的原因,本文給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友可以參考下2019-06-06
本文詳細講解了.NET5實現操作注冊表的方法，文中通過示例代碼介紹的非常詳細。對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-02-02
這篇文章主要介紹了詳解.NET中負載均衡的使用，負載均衡即LB，就是將并發(fā)的用戶請求通過規(guī)則后平衡、分攤到多臺服務器上進行執(zhí)行，以此達到壓力分攤、數據并行的效果2022-06-06
本文介紹了如何使用.NET創(chuàng)建新的WPF應用,并向窗口添加控件,通過處理控件事件,可以為應用提供功能,感興趣的朋友跟隨小編一起看看吧2024-11-11
LINQ字符串向datetime 轉換時失敗的處理方法，需要的朋友可以可以參考一下2013-03-03
js獲取Treeview選中的節(jié)點(C#選中CheckBox項)
方法網上有很多，試了一下都有瑕疵,于是設置斷點調試，各個屬性查找有用的字段，終于找到,接下來與大家分享解決方法，需要了解的朋友可以參考下2012-12-12
.NET Core基于Generic Host實現后臺任務方法教程
這篇文章主要給大家介紹了關于.NET Core基于Generic Host實現后臺任務的相關資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2018-11-11