Angular学习笔记

作者: 4ea0af17fd67 | 来源:发表于2017-09-05 15:29 被阅读17次

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

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

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

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

所有的文件类型

组件:模块

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

组件间通信

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

生命周期钩子

生命周期钩子

管道

内置管道

模块懒加载

模块和懒加载

路由和动态加载


路由传递参数

路由守卫

注入一个服务来判断是否可以访问该路由

表单和数据校验

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

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

相关文章

  • Angular4 组件通讯方法及DOM的操作使用

    简介 由于angular版本更新频繁,导致学习起来特别费劲,下面是在学习 Angular 过程中整理的学习笔记,希...

  • spark_learn

    Angular2学习笔记——NgModule es6 新增的map和foreach AngularJS2.0 学习...

  • Angular学习笔记

    生成项目 用stylus的时候写成下面这样,这个坑搞了我2天 创建带路由的项目 获取dom 不建议直接对dom进行...

  • angular学习笔记

    1.ng-app=""; 指令初始化一个 AngularJS 应用程序,定义AngularJS的使用范围; 2.n...

  • Angular学习笔记

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

  • Angular学习笔记

    Angular 1.创建模块: var oneApp = angular.module("myApp",[ ] )...

  • angular学习笔记

    一、搭建Angular开发环境 安装nodejs, Angular Cli, WebStorm 先安装nodejs...

  • Angular 学习笔记

    几个常用命令 npm + ng npm i --save 包名:软件依赖 npm i --save-dev 包名...

  • Angular学习笔记

    为何需要MVC 代码规模越来越大,切分是大势所趋 为了复用:逻辑,用法一样的模块 后期维护方便:修改一块功能不影响...

  • angular学习笔记

    Angular:框架: 对程序员的限制高库: jquery,bootstrap —— 使用灵活,对程序员的限制少...

网友评论

    本文标题:Angular学习笔记

    本文链接:https://www.haomeiwen.com/subject/tvmujxtx.html