angular 2 render directives外文.pdf

Angular 2 Render Directives STATUS: DRAFT yjbanov@ A render directive is a new kind of directive introduced in Angular 2. It addresses the need to  implement platform­specific features that Angular core does not provide out­of­the­box. Render  directives provide API to the developer to interact directly with the Render API and platform  APIs, such as browser HTML DOM API. This document describes the design for render directives for the browser. It is likely that we will  need a similar concept for non­browser environments, but that is out of scope for this document.  Code samples in this document are written in Dart but apply to TypeScript as well. Background Design Selecting Nodes RenderDirective annotation Defining render directives Context objects Value binding Auto­pipes Lifecycle Events Background Angular’s application layer is designed to be platform­agnostic. This includes DI, directives,  change detection and the template language. It does not mean that you write an application  once and run it on all platforms. It means you learn the core Angular concepts and APIs once,  and reuse that knowledge on many platforms. However, a given Angular application targets a  specific platform, and therefore needs access to that platform’s features. Use­cases include: ­ Binding to native properties, such as “classList” (DOMTokenList), “style”  (CSSStyleDeclaration) and “attributes” (NamedNodeMap). ­ Animations, overlays and other styling and theming aspects ­ Custom data models­to­DOM syncing, for example: ­ Game scene graph synced to canvas ­ VirtualDOM synced to real HTML DOM ­ Chart data synced to SVG Design Definition: Render directives is a developer­facing API for implementing browser­specific  features in Angular