登录免费注册



Angular学习脑图

首页  思维导图  详情



Angular学习脑图

2018-04-20 10:55:41   0  举报





仅支持查看

AI智能生成

Angular 4.0 学习笔记

angular

模版推荐

作者其他创作

大纲/内容

依赖注入

为什么使用依赖注入

什么是依赖注入

angular依赖注入

服务类，把需要的数据封装

配置注入器

AppModule中注册，则全局使用

再组件中注册，组件内使用

使用注入器

sample ，创建和注册日志

logger.service.ts

注册 app.module.ts

Provider格式

简单写法

属性写法

使用工厂

使用值

别名

依赖注入令牌

模板语法

模板使用html语言

插值表达式

模板表达式，出现在=右侧

表达式上下文

绑定

绑定目标

属性绑定

单向输入

attribute,class，style绑定

attribute绑定

CSS 类绑定

样式绑定

事件绑定

目标事件

$event 和事件处理语句

使用 EventEmitter 实现自定义事件

双向数据绑定 ( [(...)] )

内置表达式

ngIf

ngFor

获取索引

ngSwitch

模板引用变量 ( #var )

ngStyle

ngClass

指定类是否应用

数组带入

ngNonBindable

输入输出属性 ( @Input 和 @Output )

模板表达式操作符

管道操作符 ( | )

安全导航操作符 ( ?. ) 和空属性路径

HTTP

使用@angular/http

get

post

路由

组成

导入

配置

安装

使用<router-outlet>调用 RouterOutlet 指令

使用[routerLink]调用 routerLink 指令

路由策略

Angular的默认策略为PathLocationStrategy

HashLocationStrategy

路由参数

路由钩子

创建服务

登入组件

ProtectedComponent 组件

路由守卫

配置路由器

嵌套路由

第二路由

Redux

action

Reducer

Store

数据流

1.调用store.dispatch（action）

2.Store d调用传入的reducer函数

获取store

管道-PIPE

内置管道

DatePipe

UpperCase

DecimalPipe

Currency Pipe

Percent Pipe

Json Pipe

自定义管道

架构

模块

根模块

特性模块

服务

注入器

如果定义在组件元数据中，则组件内使用

如果定义在根模块，则全局使用

组件

select-选择器

templateUrl-模版地址

providers-组件服务

模版

指令-directive

*ngIf

*ngFor

数据绑定

绑定

[(ngModel)] 双向绑定

()事件表达式

{{xx}} 插值表达式

[] 属性表达式

模版和组件

模版

组件

父与子

父

子

用户输入

通过事件获取

$event 参数传递

模版引用变量

# 定义模版变量

模板输入变量

表单

ngForm

name属性做为键值

ngModel

根据ngModel添加视觉反馈

显示和隐藏验证错误信息

ngSubmit

表单控件

FormControl

FormGroup

验证器

FormControl添加验证器

FormBuild添加验证器

自定义验证器

观察者

rxjs

关于流的概念

Observalble:可观察对象

常见操作

map

pluck

combineLatest

zip

from

fromEvent

fromEventPattern

Interval

Timer

过滤操作符

filter

debounceTime

方法

return Promise

return Observable

Angular中的rxjs

使用

async管道

BehaviorSubject

Effects

其他库使用

Underscore.js

lodash

Angular学习路线图 2020

 Collect

Get Started

Angular学习路线图 2020

AI、机器学习、深度学习、大模型的关系图

 Collect

Get Started

AI、机器学习、深度学习、大模型的关系图

Angular知识框架学习笔记

 Collect

Get Started

Angular知识框架学习笔记

 Collect

Get Started

知识体系脑图













评论

0 条评论

下一页



图形选择

思维导图

主题

补充说明

AI生成





修改AI描述

去编辑

重新生成

提示 

关闭后当前内容将不会保存，是否继续？

取消

确定

Document