10分钟快速上手angular cdk

小渣渣

coercion 常用类型转换工具

@angular/cdk/coercion 常用类型转换工具

登录可见。

layout 响应式布局工具

@angular/cdk/layout 响应式布局工具

• Breakpoints 屏幕尺寸
• BreakpointObserver 观察器
• MediaMatcher 媒体查询匹配
  

登录可见。

keycodes 常用键码

@angular/cdk/keycodes 常用键码

登录可见。

bidi 布局方向

@angular/cdk/bidi 布局方向

• Directionality
• Direction
• DIR_DOCUMENT
• Dir
• BidiModule
  

登录可见。

登录可见。

platform 当前平台

@angular/cdk/platform 当前平台

• supportsPassiveEventListeners 是否支持被动监听
• getSupportedInputTypes 支持输入的类型
• Platform 服务
  

登录可见。

portal 动态内容呈现

@angular/cdk/portal 动态内容呈现

CdkPortal

[cdk-portal], [cdkPortal], [portal]

CdkPortalOutlet

[cdkPortalOutlet], [cdkPortalHost], [portalHost]

登录可见。

登录可见。

scrolling 滚动

@angular/cdk/scrolling 对滚动事件做出响应的工具包

ScrollDispatcher 滚动调度器

滚动调度器

登录可见。

CdkScrollable 可滚动指令

用于注册可滚动元素

登录可见。

ViewportRuler 视口

登录可见。

observers 监听dom变化

@angular/cdk/observers 监听dom变化

• @Input() debounce: number 发射时间间隔
• @Input('cdkObserveContentDisabled') disabled: any 可用开关
• @Output('cdkObserveContent') event: new EventEmitter<MutationRecord[]>() 内容更改触发
  

案例

登录可见。

定位策略

PositionStrategy

滚动策略

ScrollStrategy

块滚动策略

BlockScrollStrategy

空的滚动策略

NoopScrollStrategy

关闭滚动策略

CloseScrollStrategy

关闭滚动策略配置

CloseScrollStrategyConfig

滚动策略配置项

ScrollStrategyOptions