This article is a mirror article of machine translation, please click here to jump to the original article.

View: 11645|Reply: 0

[Angular] Get started with Angular CDK in 10 minutes

[Copy link]
Posted on 10/30/2018 1:03:54 PM | | |
Coercion common type conversion tools
@angular/cdk/coercion common type conversion tools



layout Responsive layout tool

@angular/cdk/layout responsive layout tool

  • Breakpoints screen size
  • BreakpointObserver observer
  • MediaMatcher media query matching



keycodes
@angular/cdk/keycodes common keycodes


Bidi layout direction
@angular/cdk/bidi layout direction

  • Directionality
  • Direction
  • DIR_DOCUMENT
  • Dir
  • BidiModule




platform current platform
@angular/cdk/platform current platform

  • supportsPassiveEventListeners supports passive listening
  • getSupportedInputTypes supports the type of input
  • Platform services



portal dynamic content rendering
@angular/cdk/portal dynamic content rendering

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

CdkPortalOutlet
[cdkPortalOutlet], [cdkPortalHost], [portalHost]


scrolling
@angular/cdk/scrolling toolkit to respond to scrolling events


ScrollDispatcher scroll scheduler

Scroll scheduler


CdkScrollable instructions
Used to register scrollable elements

ViewportRuler viewport

observers listen for DOM changes
@angular/cdk/observers listens for DOM changes


  • @Input() debounce: number emission interval
  • @Input('cdkObserveContentDisabled') disabled: any switch available
  • @Output('cdkObserveContent') event: new EventEmitter<MutationRecord[]>() Content change trigger

Case

Positioning strategy
PositionStrategy

Rolling Strategy
ScrollStrategy

Block scrolling strategy
BlockScrollStrategy


Empty scroll strategy
NoopScrollStrategy

Turn off the rolling policy
CloseScrollStrategy

Turn off the rolling policy configuration
CloseScrollStrategyConfig

Scroll the policy configuration items
ScrollStrategyOptions






Previous:SSH Terminal/SFTP XShell/XFtp 6.0.0091/0085 Green Edition
Next:Common flashing sharing of Xiaomi Mi 4
Disclaimer:
All software, programming materials or articles published by Code Farmer Network are only for learning and research purposes; The above content shall not be used for commercial or illegal purposes, otherwise, users shall bear all consequences. The information on this site comes from the Internet, and copyright disputes have nothing to do with this site. You must completely delete the above content from your computer within 24 hours of downloading. If you like the program, please support genuine software, purchase registration, and get better genuine services. If there is any infringement, please contact us by email.

Mail To:help@itsvse.com