Angular-Customer-Manager TypeScript+RequireJS示例项目
基于 Dan Wahlin 示例的 AngularJS 客户管理器，走的是比较老但经典的路线。用的是TypeScript搭配RequireJS来组织模块，路由部分用的自定义配置，控制器支持动态加载，挺适合入门 SPA 概念时练手。
自定义路由的配置比较灵活，能根据 URL 动态加载控制器脚本，省了初次加载时资源全堆进来的烦恼。你写多页面逻辑时，这种方式能省不少内存开销。
数据这块也不简单，除了常规的$http求，还接入了BreezeJS，用工厂模式封装服务。要是你对 RESTful 有点了解，这个项目能帮你理解怎么优雅前后端通信。
视图展示挺多样的，卡片和列表随切，切换流畅不重载。加上自定义的过滤器和唯一值校验指令，做表单和数据筛选时更顺手。
另一个细节是求拦截，能统一$http和jQuery的 XHR，加载动画也能搞定，体验更完整。要是你项目里既用 Angular 又混着点 jQuery，这点还蛮实用。
如果你想搞清楚 AngularJS SPA 的套路，尤其是多控制器、多视图切换这一块，可以直接 clone 下来看看。哦对了，记得有两个相关的自定义控件也不错，可以搭配看看：
如果你刚上手 AngularJS，想边看视频边练手，可以找找 Dan Wahlin 的视频课程，他讲得还是挺清楚的。
文件大小：4.91MB
评论区