ASP.NET MVC中傳參並綁定資料的執行個體教程

來源:互聯網
上載者:User
這篇文章主要介紹了ASP.NET MVC中jQuery與angularjs混合應用傳參並綁定資料,需要的朋友可以參考下

要求是這樣子的,在一個列表頁中,使用者點擊詳細銨鈕,帶記錄的主索引值至另一頁。
在另一外頁中,擷取記錄資料,然後顯示此記錄資料在網頁上。

先用動圖示範:

上面僅僅是在ng-click傳入一個值,但是在ASP.NET MVC中,還需要把這個值傳至另外一個視圖中《ASP.NET MVC傳遞參數(model)》

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:

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.