个“开箱即用”的框架，就可以完成大 部分的前端开发工作，而不需要费时费力去组合、评估其他前端技术。这可以有效降低开 发者和开发团队的决策成本，有利于项目的快速起步。 Angular 5 是构建动态 JavaScript 应用程序的领先框架，而想讲清楚这个包罗万象的一 站式框架的各项强大功能是一项很大的挑战。Adam Freeman 撰著的《Angular 5 高级编程(第 2 版)》详细描述如何在项目中使用 ........282 14.1.2 准备组件和模板............283 14.2 使用事件绑定 .......................285 14.2.1 理解动态定义的属性.....286 14.2.2 使用事件数据...............288 14.2.3 使用模板引用变量 ........290 14.3 使用双向数据绑定... 27.2.2 避免带有守卫的导航.....654 27.3 动态加载功能模块................667 27.3.1 创建一个简单的功能 模块............................667 27.3.2 动态加载模块...............669 27.3.3 守卫动态模块...............672 27.4 指定命名出口

的模板同样是可执行的：模板中的 HTML、Attribute 和绑定表达式（还没有绑定到值的时候） 会被当做可信任的。这意味着应用必须防止把可能被攻击者控制的值直接编入模板的源码中。永远不要根 据用户的输入和原始模板动态生成模板源码！使用离线模板编译器是防范这类 “模板注入” 漏洞的有效途 径。 3.2.2 listings examples C# code sample  代码 3.1: C# code 的模板同样是可执行的：模板中的 HTML、Attribute 和绑定表达式（还没有绑定到值的时候） 会被当做可信任的。这意味着应用必须防止把可能被攻击者控制的值直接编入模板的源码中。永远不要根 据用户的输入和原始模板动态生成模板源码！使用离线模板编译器是防范这类 “模板注入” 漏洞的有效途 径。 16 第三章 最佳实践 附录 A Angular CLI ng new appname --style scss

传统企业应⽤用 – 通过iframe加载菜单 – 每个功能菜单都是独⽴立界⾯面 – 各功能菜单包含完整的公共库（JS，样式） • 单页应⽤用 – 每个功能都是部件 – 动态加载 – 整个系统共享⼀一个作⽤用域 单页应⽤用架构 前端的分层 • 为什么单页应⽤用⼀一定要分层？ – 前端逻辑有⼀一定规模，分层有利协作 – 便于保证数据的⼀一致性 –