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代码  收藏代码
<div class="container" ng-controller="EmployeeCtrl" ng-init="list = {= list|json =}">  
  <table class="table table-striped">  
    <caption><h1>员工列表（—来自网络）</h1></caption>  
    <tr>  
      <th>#</th>  
      <th>编号</th>  
      <th>姓名</th>  
      <th>部门</th>  
      <th>身份证</th>  
      <th>生日</th>  
      <th>工资</th>  
      <th>创建日期</th>  
    </tr>  
    {% for e in list %}  
    <tr>  
      <td>{= e.id =}</td>  
      <td>{= e.e_num =}</td>  
      <td>{= e.name =}</td>  
      <td>{= e.department =}</td>  
      <td>{= e.idcard =}</td>  
      <td>{= e.birthday|date('Y-m-d', -480) =}</td>  
      <td>{= e.salary =}</td>  
      <td>{= e.create_at|date('Y-m-d H:i:s', -480, 'CCT') =}</td>  
    </tr>  
    {% endfor %}  
    <tr ng-repeat="e in list">  
      <td>{{ e.id }}</td>  
      <td>{{ e.e_num }}</td>  
      <td>{{ e.name }}</td>  
      <td>{{ e.department }}</td>  
      <td>{{ e.idcard }}</td>  
      <td>{{ e.birthday|date:'yyyy-MM-dd' }}</td>  
      <td>{{ e.salary|currency:'￥' }}</td>  
      <td>{{ e.create_at|date:'yyyy-MM-dd HH:mm:ss' }}</td>  
    </tr>  
  </table>  
</div>  
 
第二种解决方案：
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  
  })  
}