使用此模式下开发的观点

来源:互联网 发布:java学完可以做什么 编辑:程序博客网 时间:2024/05/21 10:24

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

0 0
原创粉丝点击