Angular学习笔记

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

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

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

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

Angular学习笔记
Angular学习笔记
所有的文件类型

组件:模块

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

组件间通信

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

生命周期钩子

Angular学习笔记
生命周期钩子

管道

Angular学习笔记
内置管道

模块懒加载

Angular学习笔记
模块和懒加载

路由和动态加载

Angular学习笔记

路由传递参数

Angular学习笔记
Angular学习笔记

路由守卫

Angular学习笔记
注入一个服务来判断是否可以访问该路由

表单和数据校验

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

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

上一篇:适合我胃口的angular.js学习资料


下一篇:关于awstats的安装以及配置