Angular学习笔记

angular是面向未来的前端开发框架,学习她理解思想比代码重要,体现的是跨越前后端、大成、优秀的编程思想。她是一个完善的工具链和开发链。

写angular,你会感觉是在写java,更像写c#,面向对象和组件化的思想。

我们是这样写 Angular 应用的:用 Angular 扩展语法编写 HTML 模板, 用组件类管理这些模板,用服务添加应用逻辑, 用模块打包发布组件与服务。

angular是围绕组件化构建整个项目的,辅助功能:指令,服务,管道等

Angular学习笔记_第1张图片
Angular学习笔记_第2张图片
所有的文件类型

组件:模块

每个 Angular 应用至少有一个模块(根模块),习惯上命名为AppModule

组件间通信

传入(父对子组件通信) @Input()
传出(子对父组件通信) @Output()
Service(因为service是全局单例的)
路由方式

生命周期钩子

Angular学习笔记_第3张图片
生命周期钩子

管道

Angular学习笔记_第4张图片
内置管道

模块懒加载

Angular学习笔记_第5张图片
模块和懒加载

路由和动态加载

Angular学习笔记_第6张图片

路由传递参数

路由守卫

Angular学习笔记_第7张图片
注入一个服务来判断是否可以访问该路由

表单和数据校验

  • 模板驱动型表单 (内容都写在html中)
  • 响应式表单(把逻辑放到class中也就是js中)
  • 动态表单(表单几乎都是由js代码动态创建的)
    数据校验
Angular学习笔记_第8张图片
内置数据校验规则

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

你可能感兴趣的:(Angular学习笔记)