AngularJs初学了两天,重点看了下路由和服务器交互的章节,决定和同事一起用AngularJS,MVC4.0,EF重新开发一个网站后台。
AngularJs是MVC的框架,学习也比较容易。交互的基本代码。
//创建服务模块
var aMailServices=angular.module('AMail',['ngRoute']);
function emailRouteConfig($routeProvider){
$routeProvider.
when('/',{
controller:ShoppingController,
templateUrl:'Home/List'
}).
when('/view/:id',{ //点击详细后转到此页面。
controller: DetailController,
templateUrl:'Home/Detail'
}).
otherwise({
redirectTo:'/'
});
}
//配置路由,以便AMail服务能够找到它
aMailServices.config(emailRouteConfig);
function ShoppingController($scope, $http) {
$http.post('/Home/Test', {id:'1'}).success(function (data, status, headers, config) {
$scope.messages = data.Data;
messages = data.Data;
}
).error(function (data, status, headers, config) {
$(".msg2").html(data);
});
}
后台:
public JsonResult Test(string id)
{
List<T_AdminUser> list_admin = new List<T_AdminUser>();
list_admin = model1contatiner.T_AdminUser.ToList();
JsonResult json = new JsonResult();
json.Data = list_admin;
return Json(json);
}