diff --git a/modules/angular2/core.js b/modules/angular2/core.js index 6a35b83f43..ef9a5665c5 100644 --- a/modules/angular2/core.js +++ b/modules/angular2/core.js @@ -23,7 +23,7 @@ export * from './src/render/dom/shadow_dom/emulated_unscoped_shadow_dom_strategy export * from './src/core/compiler/dynamic_component_loader'; export {ElementRef, ComponentRef} from './src/core/compiler/element_injector'; export * from './src/core/compiler/view'; -export * from './src/core/compiler/view_container'; +export * from './src/core/compiler/view_container_ref'; export * from './src/core/compiler/ng_element'; diff --git a/modules/angular2/docs/core/02_directives.md b/modules/angular2/docs/core/02_directives.md index c1eec301e4..7b57db38d7 100644 --- a/modules/angular2/docs/core/02_directives.md +++ b/modules/angular2/docs/core/02_directives.md @@ -6,7 +6,7 @@ Directives are the cornerstone of an Angular application. We use Directives to b Angular applications do not have a main method. Instead they have a root Component. Dependency Injection then assembles the directives into a working Angular application. -There are three different kinds of directives (described in more detail in later sections). +There are three different kinds of directives (described in more detail in later sections). 1. *Decorators*: can be placed on any DOM element and can be combined with other directives. 2. *Components*: Components have an encapsulated view and can configure injectors. @@ -16,7 +16,7 @@ There are three different kinds of directives (described in more detail in later ## CSS Selectors -Directives are instantiated whenever the CSS selector matches the DOM structure. +Directives are instantiated whenever the CSS selector matches the DOM structure. Angular supports these CSS selector constructs: * Element name: `name` @@ -29,7 +29,7 @@ Angular supports these CSS selector constructs: Angular does not support these (and any CSS selector which crosses element boundaries): * Descendant: `body div` -* Direct descendant: `body > div` +* Direct descendant: `body > div` * Adjacent: `div + table` * Sibling: `div ~ table` * Wildcard: `*` @@ -68,10 +68,10 @@ Here is a trivial example of a tooltip decorator. The directive will log a toolt @Decorator({ selector: '[tooltip]', // CSS Selector which triggers the decorator properties: { // List which properties need to be bound - text: 'tooltip' // - DOM element tooltip property should be + text: 'tooltip' // - DOM element tooltip property should be }, // mapped to the directive text property. hostListeners: { // List which events need to be mapped. - mouseover: 'show' // - Invoke the show() method every time + mouseover: 'show' // - Invoke the show() method every time } // the mouseover event is fired. }) class Form { // Directive controller class, instantiated @@ -121,14 +121,14 @@ Example of a component: templateUrl: 'pane.html' | - URL of template HTML }) | class Pane { | Component controller class - title:string; | - title property + title:string; | - title property open:boolean; - + constructor() { this.title = ''; this.open = true; } - + // Public API toggle() => this.open = !this.open; open() => this.open = true; @@ -165,12 +165,12 @@ Example of usage: ## Viewport -Viewport is a directive which can control instantiation of child views which are then inserted into the DOM. (Examples are `if` and `for`.) +Viewport is a directive which can control instantiation of child views which are then inserted into the DOM. (Examples are `if` and `for`.) * Viewports can only be placed on `