angular是面向未来的前端开发框架,学习她理解思想比代码重要,体现的是跨越前后端、大成、优秀的编程思想。她是一个完善的工具链和开发链。
写angular,你会感觉是在写java,更像写c#,面向对象和组件化的思想。
我们是这样写 Angular 应用的:用 Angular 扩展语法编写 HTML 模板, 用组件类管理这些模板,用服务添加应用逻辑, 用模块打包发布组件与服务。
angular是围绕组件化构建整个项目的,辅助功能:指令,服务,管道等


所有的文件类型
组件:模块
每个 Angular 应用至少有一个模块(根模块),习惯上命名为AppModule
。
组件间通信
传入(父对子组件通信) @Input()
传出(子对父组件通信) @Output()
Service(因为service是全局单例的)
路由方式
生命周期钩子

生命周期钩子
管道

内置管道
模块懒加载

模块和懒加载
路由和动态加载

路由传递参数


路由守卫

注入一个服务来判断是否可以访问该路由
表单和数据校验
- 模板驱动型表单 (内容都写在html中)
- 响应式表单(把逻辑放到class中也就是js中)
- 动态表单(表单几乎都是由js代码动态创建的)
数据校验

内置数据校验规则
自定义的校验规则可以借助指令来实现