1) create Two Folder :- Controllers and Factory (WebApplication2 is project name)
-----------------------------------------MytestConroller.js---------------------------------------------------------
angular.module('WebApplication2.Controllers').controller('MytestController', MytestController);
MytestController.$inject = ['$scope', 'MyButtonClickEvent', '$http'];
function MytestController($scope, MyButtonClickEvent, $http) {
var vm = this;
$scope.username = 'World';
$scope.sayHello = function () {
//First Code
//$scope.greeting = MyButtonClickEvent.BtnClick($scope.username);
//MyButtonClickEvent.GetData($scope.username).then(function (result) {
// $scope.greeting = result.data.aaData;
//})
///Second Code
var item = { 'msgName': $scope.username }
MyButtonClickEvent.GetDataClass(item).then(function (result) {
debugger
$scope.greeting = result.data.aaData.msgName;
})
// third code
//var item = [];
//item.push({ msgName: $scope.username });
//MyButtonClickEvent.GetDataList(item).then(function (result) {
// $scope.greeting = result.data.aaData[0].msgName;
//})
};
}
-----------------------------------------MytestFactory.js---------------------------------------------------------
angular.module('WebApplication2.Services').service('MyButtonClickEvent', MyButtonClickEvent);
MyButtonClickEvent.$inject = ['$http'];
function MyButtonClickEvent($http) {
var list = {};
list.BtnClick = function (data) {
return 'Hello ' + data;
}
list.GetData = function (data) {
return $http({
url: '/Mytest/GetMsg',
method: "GET",
params: { MyData: data },
});
};
list.GetDataClass = function (data) {
return $http({
url: '/Mytest/GetMsgClass',
method: "GET",
params: data
});
};
list.GetDataList = function (myObject) {
return $http({
url: '/Mytest/GetMsgList',
method: "post",
data: myObject
});
};
return list;
}
-----------------------------------App.js--------------------------------------------------------------------
angular.module('WebApplication2', ['WebApplication2.Controllers', 'WebApplication2.Services']);
angular.module('WebApplication2.Controllers', []);
angular.module('WebApplication2.Services', []);
-----------------------------------Index.cshtml----------------------------------------------------------
MyData)
{
var JsonResult = Json(new { aaData = MyData }, JsonRequestBehavior.AllowGet);
JsonResult.MaxJsonLength = Int32.MaxValue;
return JsonResult;
}
}
}
public class myList
{
public string msgName { get; set; }
}
----------------------------------Layout.cshtml-------------------------
Your name:
{{greeting}}
-------------------------------------Controller.cs--------------------------------------------------------
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
namespace WebApplication2.Controllers
{
public class MytestController : Controller
{
// GET: Mytest
public ActionResult Index()
{
return View();
}
[HttpGet]
public JsonResult GetMsg(string MyData)
{
var JsonResult = Json(new { aaData = MyData }, JsonRequestBehavior.AllowGet);
JsonResult.MaxJsonLength = Int32.MaxValue;
return JsonResult;
}
[HttpGet]
public JsonResult GetMsgClass(myList MyData)
{
var JsonResult = Json(new { aaData = MyData }, JsonRequestBehavior.AllowGet);
JsonResult.MaxJsonLength = Int32.MaxValue;
return JsonResult;
}
[HttpPost]
public JsonResult GetMsgList(List{{greeting}}
No comments:
Post a Comment