第一种解决方案:
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
})
}
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
})
}