node和angular交互的两种方式

第一种解决方案:
Nodejs服务端:
Js代码  收藏代码
router.get('/list', function(req, res) {  
    employeeService.queryData(function(data) {  
      var v = _.clone(mapping.employeeList);  
      v.list = data;  
      res.render(mapping.employeeList.view, v);  
    });  
  });  
 
Angularjs客户端:
Js代码  收藏代码
app.controller('EmployeeCtrl', ['$scope', function($scope) {  
}]);  
 
html页面设置数据(swig):
Html代码  收藏代码
 
   
     
     
       
       
       
       
       
       
       
       
     
    {% for e in list %}  
     
       
       
       
       
       
       
       
       
     
    {% endfor %}  
     
       
       
       
       
       
       
       
       
     
 

员工列表(—来自网络)

#编号姓名部门身份证生日工资创建日期
{= e.id =}{= e.e_num =}{= e.name =}{= e.department =}{= e.idcard =}{= e.birthday|date('Y-m-d', -480) =}{= e.salary =}{= e.create_at|date('Y-m-d H:i:s', -480, 'CCT') =}
{{ e.id }}{{ e.e_num }}{{ e.name }}{{ e.department }}{{ e.idcard }}{{ e.birthday|date:'yyyy-MM-dd' }}{{ e.salary|currency:'¥' }}{{ e.create_at|date:'yyyy-MM-dd HH:mm:ss' }}
 
 
 
第二种解决方案:
Nodejs服务端:
Js代码  收藏代码
app.get('/employee/data', function(req, res) {  
  .....  
  res.json(list);  
});  
 
Angularjs客户端:
Js代码  收藏代码
function EmployeeCtrl($scope, $http) {  
  $http.get('/employee/data').success(function(data) {  
    $scope.list= data  
  })  
}  

你可能感兴趣的:(html,js,angular2,ajax,htm5)