第一种解决方案:
Nodejs服务端:
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客户端:
app.controller('EmployeeCtrl', ['$scope', function($scope) { }]);
html页面设置数据(swig):
<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服务端:
app.get('/employee/data', function(req, res) { ..... res.json(list); });
Angularjs客户端:
function EmployeeCtrl($scope, $http) { $http.get('/employee/data').success(function(data) { $scope.list= data }) }
相关推荐
AngularJS+ NodeJS
angularjs+nodejs,开发一个前端页面,感觉还是挺好用的!
The-MEAN-Stack, MongoDB/ExpressJS/AngularJS/NodeJs 堆栈 欢迎使用平均堆栈样板。这是一个使用以下技术的SPA ( 单页应用程序) 样板:技术MongooseJsExpressJsAngularJs 。GruntJsBowerSass ( 指南针)基金会基础...
测试均值本项目使用了四个工具 MongoDB、ExpressJS、AngularJS 和 NodeJS。 所以叫MEAN
这是我对 NodeJS + AngularJS 应用程序的第一种方法。 我需要迁移一个 PHP+MySQL 网站,但我不想迁移到 MongoDB。代码结构src 这是主要项目。 下载并运行npm install以安装所有模块和依赖项。 然后运行node或...
use angularjs+nodejs+mongodb+express+mongoose,build for single page application web blog. 本站的主要目的是使用时下流行的js技术进建立一个人网站,使用的技术主要为angularjs,nodejs(iojs),mongodb Demo: ...
nodejs获取表单数据的三种方法实例 nodejs作为服务端语言,在开发中注册登录等需通过form表单向后端发送数据进行判断,那作为服务端语言的nodejs通过哪些方法可以接收调用form表单的post请求值呢。 常见的会用到...
用于使用 AngularJS 和 NodeJS 尝试 OAuth 的沙箱 使用 AngularJS(angular-seed 应用程序框架)、NodeJS 和 ExpressJS。 入门 从获取 git。 从获取 node.js 及其包管理器 (npm)。 克隆回购。 通过更改到 repo ...
LokiJs - Express - AngularJs - NodeJs 1)克隆项目 2)解压 3) 运行 npm install 4) 运行节点 server.js 5) 浏览到并享受基于 LokiJS、Express、NodeJs 和 AngularJS 的 CRUD 应用程序。 或者使用邮递员或任何...
学习-angularjs-todolist 使用 angularjs 和 nodejs 的示例待办事项列表应用程序
食谱 第一个学习项目——使用AngularJs + NodeJs
使用 AngularJS、nodeJS 和 Mongodb 开发日历项目 从后端访问 JSON 数据 - nodejs 带有 Mongoose 后端的 NodeJS 服务来存储约会数据 使用 AngularJS 构建前端 - 日历指令 使用 Jasmine 和 Karma 测试指令和控制器的...
nicholasbbs这是一个使用angularjs和nodejs、javaweb做的一个博客项目,主要的目的是通过这个项目学习nodejs和angularjs这两个新技术。
chat-AngularJs-NodeJs-SocketIo-V3
投资组合 B2的投资组合,avec AngularJS和NodeJS
Spumante 一个用angularjs + nodejs + mongodb实现的博客
angularjs CURD Example 单页应用程序
anguar-jwt 使用 AngularJS 和 NodeJS 进行基于令牌的身份验证
联系人列表应用程序 AngularJS、NodeJS、MongoDB APP 这个应用程序是基于学习编码turotial
MESN (MongoDB Express AngularJS Nodejs)英文书籍2014以后出版共8本, 打包成一个档,以节省大家的时间。 Express in Action - Writing, building, and testing Node.js Applications (Manning 2016).pdf Express....