cargdev/angular
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore(docs): remove @View decorator from examples in docs

Browse Source 
Closes #4666
This commit is contained in:
Alex Eagle 2015-10-11 07:41:19 -07:00 committed by Alex Eagle
parent 62005dd127
commit b96784756c
36 changed files with 181 additions and 263 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
modules/angular2/http.ts
View File

@ -51,9 +51,7 @@ export {URLSearchParams} from './src/http/url_search_params';
*
* @Component({
* selector: 'app',
* providers: [HTTP_PROVIDERS]
* })
* @View({
* providers: [HTTP_PROVIDERS],
* template: `
* <div>
* <h1>People</h1>
@ -183,9 +181,7 @@ export const HTTP_BINDINGS = HTTP_PROVIDERS;
*
* @Component({
* selector: 'app',
* providers: [JSONP_PROVIDERS]
* })
* @View({
* providers: [JSONP_PROVIDERS],
* template: `
* <div>
* <h1>People</h1>

15
modules/angular2/router.ts
View File

@ -41,15 +41,14 @@ import {BaseException} from 'angular2/src/core/facade/exceptions';
* ## Example ([live demo](http://plnkr.co/edit/iRUP8B5OUbxCWQ3AcIDm))
*
* ```
* import {Component, View} from 'angular2/angular2';
* import {Component} from 'angular2/angular2';
* import {
* ROUTER_DIRECTIVES,
* ROUTER_PROVIDERS,
* RouteConfig
* } from 'angular2/router';
*
* @Component({...})
* @View({directives: [ROUTER_DIRECTIVES]})
* @Component({directives: [ROUTER_DIRECTIVES]})
* @RouteConfig([
* {...},
* ])
@ -71,11 +70,10 @@ export const ROUTER_PRIMARY_COMPONENT: OpaqueToken =
* ## Example ([live demo](http://plnkr.co/edit/iRUP8B5OUbxCWQ3AcIDm))
*
* ```
* import {Component, View} from 'angular2/angular2';
* import {Component} from 'angular2/angular2';
* import {ROUTER_DIRECTIVES, ROUTER_PROVIDERS, RouteConfig} from 'angular2/router';
*
* @Component({...})
* @View({directives: [ROUTER_DIRECTIVES]})
* @Component({directives: [ROUTER_DIRECTIVES]})
* @RouteConfig([
* {...},
* ])
@ -94,15 +92,14 @@ export const ROUTER_DIRECTIVES: any[] = CONST_EXPR([RouterOutlet, RouterLink]);
* ## Example ([live demo](http://plnkr.co/edit/iRUP8B5OUbxCWQ3AcIDm))
*
* ```
* import {Component, View} from 'angular2/angular2';
* import {Component} from 'angular2/angular2';
* import {
* ROUTER_DIRECTIVES,
* ROUTER_PROVIDERS,
* RouteConfig
* } from 'angular2/router';
*
* @Component({...})
* @View({directives: [ROUTER_DIRECTIVES]})
* @Component({directives: [ROUTER_DIRECTIVES]})
* @RouteConfig([
* {...},
* ])

4
modules/angular2/src/core/application_common.ts
View File

@ -138,9 +138,7 @@ export function platform(bindings?: Array<Type | Provider | any[]>): PlatformRef
*
* ```
* @Component({
* selector: 'my-app'
* })
* @View({
* selector: 'my-app',
* template: 'Hello {{ name }}!'
* })
* class MyApp {

1
modules/angular2/src/core/application_tokens.ts
View File

@ -12,7 +12,6 @@ export const APP_COMPONENT_REF_PROMISE = CONST_EXPR(new OpaqueToken('Promise<Com
*
* ```
* @Component(...)
* @View(...)
* class MyApp {
* ...
* }

29
modules/angular2/src/core/change_detection/change_detector_ref.ts
View File

@ -10,8 +10,11 @@ export abstract class ChangeDetectorRef {
* ### Example ([live demo](http://plnkr.co/edit/GC512b?p=preview))
*
* ```typescript
* @Component({selector: 'cmp', changeDetection: ChangeDetectionStrategy.OnPush})
* @View({template: `Number of ticks: {{numberOfTicks}}`})
* @Component({
* selector: 'cmp',
* changeDetection: ChangeDetectionStrategy.OnPush,
* template: `Number of ticks: {{numberOfTicks}}`
* })
* class Cmp {
* numberOfTicks = 0;
*
@ -26,9 +29,7 @@ export abstract class ChangeDetectorRef {
*
* @Component({
* selector: 'app',
* changeDetection: ChangeDetectionStrategy.OnPush
* })
* @View({
* changeDetection: ChangeDetectionStrategy.OnPush,
* template: `
* <cmp><cmp>
* `,
@ -69,8 +70,8 @@ export abstract class ChangeDetectorRef {
* }
* }
*
* @Component({selector: 'giant-list'})
* @View({
* @Component({
* selector: 'giant-list',
* template: `
* <li *ng-for="#d of dataProvider.data">Data {{d}}</lig>
* `,
@ -86,9 +87,8 @@ export abstract class ChangeDetectorRef {
* }
*
* @Component({
* selector: 'app', providers: [DataProvider]
* })
* @View({
* selector: 'app',
* providers: [DataProvider],
* template: `
* <giant-list><giant-list>
* `,
@ -151,8 +151,9 @@ export abstract class ChangeDetectorRef {
* }
* }
*
* @Component({selector: 'live-data', inputs: ['live']})
* @View({
* @Component({
* selector: 'live-data',
* inputs: ['live'],
* template: `Data: {{dataProvider.data}}`
* })
* class LiveData {
@ -168,9 +169,7 @@ export abstract class ChangeDetectorRef {
*
* @Component({
* selector: 'app',
* providers: [DataProvider]
* })
* @View({
* providers: [DataProvider],
* template: `
* Live Update: <input type="checkbox" [(ng-model)]="live">
* <live-data [live]="live"><live-data>

8
modules/angular2/src/core/change_detection/exceptions.ts
View File

@ -10,8 +10,8 @@ import {BaseException, WrappedException} from "angular2/src/core/facade/exceptio
* ### Example
*
* ```typescript
* @Component({selector: 'parent'})
* @View({
* @Component({
* selector: 'parent',
* template: `
* <child [prop]="parentProp"></child>
* `,
@ -55,9 +55,7 @@ export class ExpressionChangedAfterItHasBeenCheckedException extends BaseExcepti
* }
*
* @Component({
* selector: 'app'
* })
* @View({
* selector: 'app',
* template: `
* <child [prop]="field.first"></child>
* `,

8
modules/angular2/src/core/di/metadata.ts
View File

@ -212,9 +212,7 @@ export class SkipSelfMetadata {
*
* @Component({
* selector: 'parent-cmp',
* providers: [HostService]
* })
* @View({
* providers: [HostService],
* template: `
* Dir: <child-directive></child-directive>
* `,
@ -225,9 +223,7 @@ export class SkipSelfMetadata {
*
* @Component({
* selector: 'app',
* providers: [OtherService]
* })
* @View({
* providers: [OtherService],
* template: `
* Parent: <parent-cmp></parent-cmp>
* `,

8
modules/angular2/src/core/directives.ts
View File

@ -34,9 +34,7 @@ export * from './directives/observable_list_diff';
* import {OtherDirective} from './myDirectives';
*
* @Component({
* selector: 'my-component'
* })
* @View({
* selector: 'my-component',
* templateUrl: 'myComponent.html',
* directives: [NgClass, NgIf, NgFor, NgSwitch, NgSwitchWhen, NgSwitchDefault, OtherDirective]
* })
@ -51,9 +49,7 @@ export * from './directives/observable_list_diff';
* import {OtherDirective} from './myDirectives';
*
* @Component({
* selector: 'my-component'
* })
* @View({
* selector: 'my-component',
* templateUrl: 'myComponent.html',
* directives: [CORE_DIRECTIVES, OtherDirective]
* })

8
modules/angular2/src/core/directives/ng_class.ts
View File

@ -30,13 +30,11 @@ import {StringMapWrapper, isListLikeIterable} from 'angular2/src/core/facade/col
* ### Example ([live demo](http://plnkr.co/edit/a4YdtmWywhJ33uqfpPPn?p=preview)):
*
* ```
* import {Component, View, NgClass} from 'angular2/angular2';
* import {Component, NgClass} from 'angular2/angular2';
*
* @Component({
* selector: 'toggle-button',
* inputs: ['isDisabled']
* })
* @View({
* selector: 'toggle-button',
* inputs: ['isDisabled'],
* template: `
* <div class="button" [ng-class]="{active: isOn, disabled: isDisabled}"
* (click)="toggle(!isOn)">

6
modules/angular2/src/core/directives/ng_style.ts
View File

@ -23,12 +23,10 @@ import {isPresent, isBlank, print} from 'angular2/src/core/facade/lang';
* ### Example ([live demo](http://plnkr.co/edit/YamGS6GkUh9GqWNQhCyM?p=preview)):
*
* ```
* import {Component, View, NgStyle} from 'angular2/angular2';
* import {Component, NgStyle} from 'angular2/angular2';
*
* @Component({
* selector: 'ng-style-example'
* })
* @View({
* selector: 'ng-style-example',
* template: `
* <h1 [ng-style]="{'font-style': style, 'font-size': size, 'font-weight': weight}">
* Change style of this text!

5
modules/angular2/src/core/facade/async.ts
View File

@ -104,8 +104,9 @@ export class Observable {
* title gets clicked:
*
* ```
* @Component({selector: 'zippy'})
* @View({template: `
* @Component({
* selector: 'zippy',
* template: `
* <div class="zippy">
* <div (click)="toggle()">Toggle</div>
* <div [hidden]="!visible">

6
modules/angular2/src/core/forms/directives.ts
View File

@ -40,11 +40,9 @@ export {NgControlStatus} from './directives/ng_control_status';
* ### Example:
*
* ```typescript
* @View({
* directives: [FORM_DIRECTIVES]
* })
* @Component({
* selector: 'my-app'
* selector: 'my-app',
* directives: [FORM_DIRECTIVES]
* })
* class MyApp {}
* ```

4
modules/angular2/src/core/forms/directives/ng_control_group.ts
View File

@ -23,8 +23,8 @@ const controlGroupBinding =
* We can work with each group separately: check its validity, get its value, listen to its changes.
*
* ```
* @Component({selector: "signup-comp"})
* @View({
* @Component({
* selector: "signup-comp",
* directives: [FORM_DIRECTIVES],
* template: `
* <form #f="form" (submit)='onSignUp(f.value)'>

8
modules/angular2/src/core/forms/directives/ng_control_name.ts
View File

@ -28,8 +28,8 @@ const controlNameBinding =
* changes.
*
* ```
* @Component({selector: "login-comp"})
* @View({
* @Component({
* selector: "login-comp",
* directives: [FORM_DIRECTIVES],
* template: `
* <form #f="form" (submit)='onLogIn(f.value)'>
@ -50,8 +50,8 @@ const controlNameBinding =
* We can also use ng-model to bind a domain model to the form.
*
* ```
* @Component({selector: "login-comp"})
* @View({
* @Component({
* selector: "login-comp",
* directives: [FORM_DIRECTIVES],
* template: `
* <form (submit)='onLogIn()'>

4
modules/angular2/src/core/forms/directives/ng_form.ts
View File

@ -42,9 +42,7 @@ const formDirectiveProvider =
*
* ```typescript
* @Component({
* selector: 'my-app'
* })
* @View({
* selector: 'my-app',
* template: `
* <div>
* <p>Submit the form to see the data object Angular builds</p>

8
modules/angular2/src/core/forms/directives/ng_form_control.ts
View File

@ -24,9 +24,7 @@ const formControlBinding =
*
* ```typescript
* @Component({
* selector: 'my-app'
* })
* @View({
* selector: 'my-app',
* template: `
* <div>
* <h2>NgFormControl Example</h2>
@ -51,8 +49,8 @@ const formControlBinding =
* ### Example ([live demo](http://plnkr.co/edit/yHMLuHO7DNgT8XvtjTDH?p=preview))
*
* ```typescript
* @Component({selector: "login-comp"})
* @View({
* @Component({
* selector: "login-comp",
* directives: [FORM_DIRECTIVES],
* template: "<input type='text' [ng-form-control]='loginControl' [(ng-model)]='login'>"
* })

8
modules/angular2/src/core/forms/directives/ng_form_model.ts
View File

@ -25,9 +25,7 @@ const formDirectiveProvider =
*
* ```typescript
* @Component({
* selector: 'my-app'
* })
* @View({
* selector: 'my-app',
* template: `
* <div>
* <h2>NgFormModel Example</h2>
@ -60,8 +58,8 @@ const formDirectiveProvider =
* We can also use ng-model to bind a domain model to the form.
*
* ```typescript
* @Component({selector: "login-comp"})
* @View({
* @Component({
* selector: "login-comp",
* directives: [FORM_DIRECTIVES],
* template: `
* <form [ng-form-model]='loginForm'>

4
modules/angular2/src/core/forms/directives/ng_model.ts
View File

@ -24,8 +24,8 @@ const formControlBinding =
*
* ### Example ([live demo](http://plnkr.co/edit/R3UX5qDaUqFO2VYR0UzH?p=preview))
* ```typescript
* @Component({selector: "search-comp"})
* @View({
* @Component({
* selector: "search-comp",
* directives: [FORM_DIRECTIVES],
* template: `<input type='text' [(ng-model)]="searchQuery">`
* })

6
modules/angular2/src/core/forms/form_builder.ts
View File

@ -10,14 +10,12 @@ import * as modelModule from './model';
* # Example
*
* ```
* import {Component, View, bootstrap} from 'angular2/angular2';
* import {Component, bootstrap} from 'angular2/angular2';
* import {FormBuilder, Validators, FORM_DIRECTIVES, ControlGroup} from 'angular2/core';
*
* @Component({
* selector: 'login-comp',
* viewProviders: [FormBuilder]
* })
* @View({
* viewProviders: [FormBuilder],
* template: `
* <form [control-group]="loginForm">
* Login <input control="login">

86
modules/angular2/src/core/linker/interfaces.ts
View File

@ -50,8 +50,10 @@ export var LIFECYCLE_HOOKS_VALUES = [
* ### Example ([live example](http://plnkr.co/edit/AHrB6opLqHDBPkt4KpdT?p=preview)):
*
* ```typescript
* @Component({selector: 'my-cmp'})
* @View({template: `<p>myProp = {{myProp}}</p>`})
* @Component({
* selector: 'my-cmp',
* template: `<p>myProp = {{myProp}}</p>`
* })
* class MyComponent implements OnChanges {
* @Input() myProp: any;
*
@ -60,8 +62,8 @@ export var LIFECYCLE_HOOKS_VALUES = [
* }
* }
*
* @Component({selector: 'app'})
* @View({
* @Component({
* selector: 'app',
* template: `
* <button (click)="value = value + 1">Change MyComponent</button>
* <my-cmp [my-prop]="value"></my-cmp>`,
@ -87,8 +89,10 @@ export interface OnChanges { onChanges(changes: {[key: string]: SimpleChange});
* ### Example ([live example](http://plnkr.co/edit/1MBypRryXd64v4pV03Yn?p=preview))
*
* ```typescript
* @Component({selector: 'my-cmp'})
* @View({template: `<p>my-component</p>`})
* @Component({
* selector: 'my-cmp',
* template: `<p>my-component</p>`
* })
* class MyComponent implements OnInit, OnDestroy {
* onInit() {
* console.log('onInit');
@ -99,8 +103,8 @@ export interface OnChanges { onChanges(changes: {[key: string]: SimpleChange});
* }
* }
*
* @Component({selector: 'app'})
* @View({
* @Component({
* selector: 'app',
* template: `
* <button (click)="hasChild = !hasChild">
* {{hasChild ? 'Destroy' : 'Create'}} MyComponent
@ -141,8 +145,8 @@ export interface OnInit { onInit(); }
* array `list`:
*
* ```typescript
* @Component({selector: 'custom-check'})
* @View({
* @Component({
* selector: 'custom-check',
* template: `
* <p>Changes:</p>
* <ul>
@ -169,8 +173,8 @@ export interface OnInit { onInit(); }
* }
* }
*
* @Component({selector: 'app'})
* @View({
* @Component({
* selector: 'app',
* template: `
* <button (click)="list.push(list.length)">Push</button>
* <button (click)="list.pop()">Pop</button>
@ -193,8 +197,10 @@ export interface DoCheck { doCheck(); }
* ### Example ([live example](http://plnkr.co/edit/1MBypRryXd64v4pV03Yn?p=preview))
*
* ```typesript
* @Component({selector: 'my-cmp'})
* @View({template: `<p>my-component</p>`})
* @Component({
* selector: 'my-cmp',
* template: `<p>my-component</p>`
* })
* class MyComponent implements OnInit, OnDestroy {
* onInit() {
* console.log('onInit');
@ -205,8 +211,8 @@ export interface DoCheck { doCheck(); }
* }
* }
*
* @Component({selector: 'app'})
* @View({
* @Component({
* selector: 'app',
* template: `
* <button (click)="hasChild = !hasChild">
* {{hasChild ? 'Destroy' : 'Create'}} MyComponent
@ -230,14 +236,18 @@ export interface OnDestroy { onDestroy(); }
* ### Example ([live demo](http://plnkr.co/edit/plamXUpsLQbIXpViZhUO?p=preview))
*
* ```typescript
* @Component({selector: 'child-cmp'})
* @View({template: `{{where}} child`})
* @Component({
* selector: 'child-cmp',
* template: `{{where}} child`
* })
* class ChildComponent {
* @Input() where: string;
* }
*
* @Component({selector: 'parent-cmp'})
* @View({template: `<ng-content></ng-content>`})
* @Component({
* selector: 'parent-cmp',
* template: `<ng-content></ng-content>`
* })
* class ParentComponent implements AfterContentInit {
* @ContentChild(ChildComponent) contentChild: ChildComponent;
*
@ -256,8 +266,8 @@ export interface OnDestroy { onDestroy(); }
* }
* }
*
* @Component({selector: 'app'})
* @View({
* @Component({
* selector: 'app',
* template: `
* <parent-cmp>
* <child-cmp where="content"></child-cmp>
@ -278,14 +288,12 @@ export interface AfterContentInit { afterContentInit(); }
* ### Example ([live demo](http://plnkr.co/edit/tGdrytNEKQnecIPkD7NU?p=preview))
*
* ```typescript
* @Component({selector: 'child-cmp'})
* @View({template: `{{where}} child`})
* @Component({selector: 'child-cmp', template: `{{where}} child`})
* class ChildComponent {
* @Input() where: string;
* }
*
* @Component({selector: 'parent-cmp'})
* @View({template: `<ng-content></ng-content>`})
* @Component({selector: 'parent-cmp', template: `<ng-content></ng-content>`})
* class ParentComponent implements AfterContentChecked {
* @ContentChild(ChildComponent) contentChild: ChildComponent;
*
@ -304,8 +312,8 @@ export interface AfterContentInit { afterContentInit(); }
* }
* }
*
* @Component({selector: 'app'})
* @View({
* @Component({
* selector: 'app',
* template: `
* <parent-cmp>
* <button (click)="hasContent = !hasContent">Toggle content child</button>
@ -328,14 +336,13 @@ export interface AfterContentChecked { afterContentChecked(); }
* ### Example ([live demo](http://plnkr.co/edit/LhTKVMEM0fkJgyp4CI1W?p=preview))
*
* ```typescript
* @Component({selector: 'child-cmp'})
* @View({template: `{{where}} child`})
* @Component({selector: 'child-cmp', template: `{{where}} child`})
* class ChildComponent {
* @Input() where: string;
* }
*
* @Component({selector: 'parent-cmp'})
* @View({
* @Component({
* selector: 'parent-cmp',
* template: `<child-cmp where="view"></child-cmp>`,
* directives: [ChildComponent]
* })
@ -357,8 +364,8 @@ export interface AfterContentChecked { afterContentChecked(); }
* }
* }
*
* @Component({selector: 'app'})
* @View({
* @Component({
* selector: 'app',
* template: `<parent-cmp></parent-cmp>`,
* directives: [ParentComponent]
* })
@ -376,14 +383,13 @@ export interface AfterViewInit { afterViewInit(); }
* ### Example ([live demo](http://plnkr.co/edit/0qDGHcPQkc25CXhTNzKU?p=preview))
*
* ```typescript
* @Component({selector: 'child-cmp'})
* @View({template: `{{where}} child`})
* @Component({selector: 'child-cmp', template: `{{where}} child`})
* class ChildComponent {
* @Input() where: string;
* }
*
* @Component({selector: 'parent-cmp'})
* @View({
* @Component({
* selector: 'parent-cmp',
* template: `
* <button (click)="showView = !showView">Toggle view child</button>
* <child-cmp *ng-if="showView" where="view"></child-cmp>`,
@ -408,8 +414,8 @@ export interface AfterViewInit { afterViewInit(); }
* }
* }
*
* @Component({selector: 'app'})
* @View({
* @Component({
* selector: 'app',
* template: `<parent-cmp></parent-cmp>`,
* directives: [ParentComponent]
* })

21
modules/angular2/src/core/metadata.ts
View File

@ -179,10 +179,9 @@ export interface DirectiveFactory {
* ## Example as TypeScript Decorator
*
* ```
* import {Component, View} from "angular2/angular2";
* import {Component} from "angular2/angular2";
*
* @Component({...})
* @View({...})
* class MyComponent {
* constructor() {
* ...
@ -195,7 +194,6 @@ export interface DirectiveFactory {
* ```
* var MyComponent = ng
* .Component({...})
* .View({...})
* .Class({
* constructor: function() {
* ...
@ -211,8 +209,7 @@ export interface DirectiveFactory {
* };
*
* MyComponent.annotations = [
* new ng.Component({...}),
* new ng.View({...})
* new ng.Component({...})
* ]
* ```
*/
@ -338,10 +335,9 @@ export interface ViewFactory {
* ## Example as TypeScript Decorator
*
* ```
* import {Attribute, Component, View} from "angular2/angular2";
* import {Attribute, Component} from "angular2/angular2";
*
* @Component({...})
* @View({...})
* class MyComponent {
* constructor(@Attribute('title') title: string) {
* ...
@ -354,7 +350,6 @@ export interface ViewFactory {
* ```
* var MyComponent = ng
* .Component({...})
* .View({...})
* .Class({
* constructor: [new ng.Attribute('title'), function(title) {
* ...
@ -370,8 +365,7 @@ export interface ViewFactory {
* };
*
* MyComponent.annotations = [
* new ng.Component({...}),
* new ng.View({...})
* new ng.Component({...})
* ]
* MyComponent.parameters = [
* [new ng.Attribute('title')]
@ -389,10 +383,9 @@ export interface AttributeFactory {
* ### Example as TypeScript Decorator
*
* ```
* import {Query, QueryList, Component, View} from "angular2/angular2";
* import {Query, QueryList, Component} from "angular2/angular2";
*
* @Component({...})
* @View({...})
* class MyComponent {
* constructor(@Query(SomeType) queryList: QueryList<SomeType>) {
* ...
@ -405,7 +398,6 @@ export interface AttributeFactory {
* ```
* var MyComponent = ng
* .Component({...})
* .View({...})
* .Class({
* constructor: [new ng.Query(SomeType), function(queryList) {
* ...
@ -421,8 +413,7 @@ export interface AttributeFactory {
* };
*
* MyComponent.annotations = [
* new ng.Component({...}),
* new ng.View({...})
* new ng.Component({...})
* ]
* MyComponent.parameters = [
* [new ng.Query(SomeType)]

23
modules/angular2/src/core/metadata/di.ts
View File

@ -73,15 +73,12 @@ export class AttributeMetadata extends DependencyMetadata {
* selector: 'pane',
* inputs: ['title']
* })
* @View(...)
* class Pane {
* title:string;
* }
*
* @Component({
* selector: 'tabs'
* })
* @View({
* selector: 'tabs',
* template: `
* <ul>
* <li *ng-for="#pane of panes">{{pane.title}}</li>
@ -105,10 +102,7 @@ export class AttributeMetadata extends DependencyMetadata {
* <div #findme>...</div>
* </seeker>
*
* @Component({
* selector: 'foo'
* })
* @View(...)
* @Component({ selector: 'foo' })
* class seeker {
* constructor(@Query('findme') elList: QueryList<ElementRef>) {...}
* }
@ -128,7 +122,6 @@ export class AttributeMetadata extends DependencyMetadata {
* @Component({
* selector: 'foo'
* })
* @View(...)
* class Seeker {
* constructor(@Query('findMe, findMeToo') elList: QueryList<ElementRef>) {...}
* }
@ -316,9 +309,10 @@ export class ViewQueryMetadata extends QueryMetadata {
*
* ```
* @Component({
* selector: 'someDir'
* selector: 'someDir',
* templateUrl: 'someTemplate',
* directives: [ItemDirective]
* })
* @View({templateUrl: 'someTemplate', directives: [ItemDirective]})
* class SomeDir {
* @ViewChildren(ItemDirective) viewChildren: QueryList<ItemDirective>;
*
@ -342,9 +336,10 @@ export class ViewChildrenMetadata extends ViewQueryMetadata {
*
* ```
* @Component({
* selector: 'someDir'
* selector: 'someDir',
* templateUrl: 'someTemplate',
* directives: [ItemDirective]
* })
* @View({templateUrl: 'someTemplate', directives: [ItemDirective]})
* class SomeDir {
* @ViewChild(ItemDirective) viewChild:ItemDirective;
*
@ -357,4 +352,4 @@ export class ViewChildrenMetadata extends ViewQueryMetadata {
@CONST()
export class ViewChildMetadata extends ViewQueryMetadata {
constructor(_selector: Type | string) { super(_selector, {descendants: true, first: true}); }
}
}

54
modules/angular2/src/core/metadata/directives.ts
View File

@ -437,9 +437,7 @@ export class DirectiveMetadata extends InjectableMetadata {
* ```typescript
* @Component({
* selector: 'bank-account',
* inputs: ['bankName', 'id: account-id']
* })
* @View({
* inputs: ['bankName', 'id: account-id'],
* template: `
* Bank Name: {{bankName}}
* Account Id: {{id}}
@ -453,8 +451,8 @@ export class DirectiveMetadata extends InjectableMetadata {
* normalizedBankName: string;
* }
*
* @Component({selector: 'app'})
* @View({
* @Component({
* selector: 'app',
* template: `
* <bank-account bank-name="RBC" account-id="4747"></bank-account>
* `,
@ -503,8 +501,8 @@ export class DirectiveMetadata extends InjectableMetadata {
* }
* }
*
* @Component({selector: 'app'})
* @View({
* @Component({
* selector: 'app',
* template: `
* <interval-dir (every-second)="everySecond()" (every-five-seconds)="everyFiveSeconds()">
* </interval-dir>
@ -564,8 +562,8 @@ export class DirectiveMetadata extends InjectableMetadata {
* }
* }
*
* @Component({selector: 'app'})
* @View({
* @Component({
* selector: 'app',
* template: `<button counting>Increment</button>`,
* directives: [CountClicks]
* })
@ -600,8 +598,8 @@ export class DirectiveMetadata extends InjectableMetadata {
* get invalid { return this.control.invalid; }
* }
*
* @Component({selector: 'app'})
* @View({
* @Component({
* selector: 'app',
* template: `<input [(ng-model)]="prop">`,
* directives: [FORM_DIRECTIVES, NgModelStatus]
* })
@ -688,8 +686,6 @@ export class DirectiveMetadata extends InjectableMetadata {
*
* @Component({
* selector: 'main',
* })
* @View({
* template: `<child-dir #c="child"></child-dir>`,
* directives: [ChildDir]
* })
@ -735,9 +731,7 @@ export class DirectiveMetadata extends InjectableMetadata {
* queries: {
* contentChildren: new ContentChildren(ChildDirective),
* viewChildren: new ViewChildren(ChildDirective)
* }
* })
* @View({
* },
* template: '<child-directive></child-directive>',
* directives: [ChildDirective]
* })
@ -812,9 +806,7 @@ export class DirectiveMetadata extends InjectableMetadata {
*
* ```
* @Component({
* selector: 'greet'
* })
* @View({
* selector: 'greet',
* template: 'Hello {{name}}!'
* })
* class Greet {
@ -869,9 +861,7 @@ export class ComponentMetadata extends DirectiveMetadata {
* selector: 'greet',
* viewProviders: [
* Greeter
* ]
* })
* @View({
* ],
* template: `<needs-greeter></needs-greeter>`,
* directives: [NeedsGreeter]
* })
@ -998,8 +988,8 @@ export class PipeMetadata extends InjectableMetadata {
* The following example creates a component with two input properties.
*
* ```typescript
* @Component({selector: 'bank-account'})
* @View({
* @Component({
* selector: 'bank-account',
* template: `
* Bank Name: {{bankName}}
* Account Id: {{id}}
@ -1013,8 +1003,8 @@ export class PipeMetadata extends InjectableMetadata {
* normalizedBankName: string;
* }
*
* @Component({selector: 'app'})
* @View({
* @Component({
* selector: 'app',
* template: `
* <bank-account bank-name="RBC" account-id="4747"></bank-account>
* `,
@ -1060,8 +1050,8 @@ export class InputMetadata {
* }
* }
*
* @Component({selector: 'app'})
* @View({
* @Component({
* selector: 'app',
* template: `
* <interval-dir (every-second)="everySecond()" (every-five-seconds)="everyFiveSeconds()">
* </interval-dir>
@ -1103,8 +1093,8 @@ export class OutputMetadata {
* @HostBinding('[class.invalid]') get invalid { return this.control.invalid; }
* }
*
* @Component({selector: 'app'})
* @View({
* @Component({
* selector: 'app',
* template: `<input [(ng-model)]="prop">`,
* directives: [FORM_DIRECTIVES, NgModelStatus]
* })
@ -1144,8 +1134,8 @@ export class HostBindingMetadata {
* }
* }
*
* @Component({selector: 'app'})
* @View({
* @Component({
* selector: 'app',
* template: `<button counting>Increment</button>`,
* directives: [CountClicks]
* })

8
modules/angular2/src/core/metadata/view.ts
View File

@ -48,9 +48,7 @@ export var VIEW_ENCAPSULATION_VALUES =
*
* ```
* @Component({
* selector: 'greet'
* })
* @View({
* selector: 'greet',
* template: 'Hello {{name}}!',
* directives: [GreetUser, Bold]
* })
@ -102,9 +100,7 @@ export class ViewMetadata {
*
* ```javascript
* @Component({
* selector: 'my-component'
* })
* @View({
* selector: 'my-component',
* directives: [NgFor]
* template: '
* <ul>

4
modules/angular2/src/core/pipes/async_pipe.ts
View File

@ -47,9 +47,7 @@ var _observableStrategy = new ObservableStrategy();
* ```
* import {Observable} from 'angular2/core';
* @Component({
* selector: "task-cmp"
* })
* @View({
* selector: "task-cmp",
* template: "Time: {{ time | async }}"
* })
* class Task {

4
modules/angular2/src/core/pipes/json_pipe.ts
View File

@ -12,9 +12,7 @@ import {Pipe} from 'angular2/src/core/metadata';
*
* ```
* @Component({
* selector: "user-cmp"
* })
* @View({
* selector: "user-cmp",
* template: "User: {{ user | json }}"
* })
* class Username {

4
modules/angular2/src/core/pipes/lowercase_pipe.ts
View File

@ -14,9 +14,7 @@ import {InvalidPipeArgumentException} from './invalid_pipe_argument_exception';
*
* ```
* @Component({
* selector: "username-cmp"
* })
* @View({
* selector: "username-cmp",
* template: "Username: {{ user | lowercase }}"
* })
* class Username {

4
modules/angular2/src/core/pipes/uppercase_pipe.ts
View File

@ -13,9 +13,7 @@ import {InvalidPipeArgumentException} from './invalid_pipe_argument_exception';
*
* ```
* @Component({
* selector: "username-cmp"
* })
* @View({
* selector: "username-cmp",
* template: "Username: {{ user | uppercase }}"
* })
* class Username {

4
modules/angular2/src/core/zone/ng_zone.ts
View File

@ -26,9 +26,7 @@ export interface NgZoneZone extends Zone {
* import {Component, View, NgIf, NgZone} from 'angular2/angular2';
*
* @Component({
* selector: 'ng-zone-demo'
* })
* @View({
* selector: 'ng-zone-demo'.
* template: `
* <h2>Demo: NgZone</h2>
*

7
modules/angular2/src/http/http.ts
View File

@ -40,8 +40,11 @@ function mergeOptions(defaultOpts, providedOpts, method, url): RequestOptions {
*
* ```typescript
* import {Http, HTTP_PROVIDERS} from 'angular2/http';
* @Component({selector: 'http-app', viewProviders: [HTTP_PROVIDERS]})
* @View({templateUrl: 'people.html'})
* @Component({
* selector: 'http-app',
* viewProviders: [HTTP_PROVIDERS],
* templateUrl: 'people.html'
* })
* class PeopleComponent {
* constructor(http: Http) {
* http.get('people.json')

3
modules/angular2/src/router/hash_location_strategy.ts
View File

@ -23,8 +23,7 @@ import {EventListener, History, Location} from 'angular2/src/core/facade/browser
* Location
* } from 'angular2/router';
*
* @Component({...})
* @View({directives: [ROUTER_DIRECTIVES]})
* @Component({directives: [ROUTER_DIRECTIVES]})
* @RouteConfig([
* {...},
* ])

13
modules/angular2/src/router/instruction.ts
View File

@ -15,18 +15,16 @@ import {Url} from './url_parser';
* ## Example
*
* ```
* import {bootstrap, Component, View} from 'angular2/angular2';
* import {bootstrap, Component} from 'angular2/angular2';
* import {Router, ROUTER_DIRECTIVES, ROUTER_PROVIDERS, RouteConfig} from 'angular2/router';
*
* @Component({...})
* @View({directives: [ROUTER_DIRECTIVES]})
* @Component({directives: [ROUTER_DIRECTIVES]})
* @RouteConfig([
* {path: '/user/:id', component: UserCmp, as: 'UserCmp'},
* ])
* class AppCmp {}
*
* @Component({...})
* @View({ template: 'user: {{id}}' })
* @Component({ template: 'user: {{id}}' })
* class UserCmp {
* string: id;
* constructor(params: RouteParams) {
@ -53,11 +51,10 @@ export class RouteParams {
* ## Example
*
* ```
* import {bootstrap, Component, View} from 'angular2/angular2';
* import {bootstrap, Component} from 'angular2/angular2';
* import {Router, ROUTER_DIRECTIVES, ROUTER_PROVIDERS, RouteConfig} from 'angular2/router';
*
* @Component({...})
* @View({directives: [ROUTER_DIRECTIVES]})
* @Component({directives: [ROUTER_DIRECTIVES]})
* @RouteConfig([
* {...},
* ])

40
modules/angular2/src/router/interfaces.ts
View File

@ -23,14 +23,12 @@ var __ignore_me = global;
*
* ## Example
* ```
* import {Component, View} from 'angular2/angular2';
* import {Component} from 'angular2/angular2';
* import {OnActivate, ComponentInstruction} from 'angular2/router';
*
* @Component({
* selector: 'my-cmp'
* })
* @View({
* template: '<div>hello!</div>'
* selector: 'my-cmp',
* template: '<div>hello!</div>'
* })
* class MyCmp implements OnActivate {
* onActivate(next: ComponentInstruction, prev: ComponentInstruction) {
@ -56,14 +54,12 @@ export interface OnActivate {
*
* ## Example
* ```
* import {Component, View} from 'angular2/angular2';
* import {Component} from 'angular2/angular2';
* import {CanReuse, OnReuse, ComponentInstruction} from 'angular2/router';
*
* @Component({
* selector: 'my-cmp'
* })
* @View({
* template: '<div>hello!</div>'
* selector: 'my-cmp',
* template: '<div>hello!</div>'
* })
* class MyCmp implements CanReuse, OnReuse {
* canReuse(next: ComponentInstruction, prev: ComponentInstruction) {
@ -92,14 +88,12 @@ export interface OnReuse {
*
* ## Example
* ```
* import {Component, View} from 'angular2/angular2';
* import {Component} from 'angular2/angular2';
* import {OnDeactivate, ComponentInstruction} from 'angular2/router';
*
* @Component({
* selector: 'my-cmp'
* })
* @View({
* template: '<div>hello!</div>'
* selector: 'my-cmp',
* template: '<div>hello!</div>'
* })
* class MyCmp implements OnDeactivate {
* onDeactivate(next: ComponentInstruction, prev: ComponentInstruction) {
@ -129,14 +123,12 @@ export interface OnDeactivate {
*
* ## Example
* ```
* import {Component, View} from 'angular2/angular2';
* import {Component} from 'angular2/angular2';
* import {CanReuse, OnReuse, ComponentInstruction} from 'angular2/router';
*
* @Component({
* selector: 'my-cmp'
* })
* @View({
* template: '<div>hello!</div>'
* selector: 'my-cmp',
* template: '<div>hello!</div>'
* })
* class MyCmp implements CanReuse, OnReuse {
* canReuse(next: ComponentInstruction, prev: ComponentInstruction) {
@ -169,14 +161,12 @@ export interface CanReuse {
*
* ## Example
* ```
* import {Component, View} from 'angular2/angular2';
* import {Component} from 'angular2/angular2';
* import {CanDeactivate, ComponentInstruction} from 'angular2/router';
*
* @Component({
* selector: 'my-cmp'
* })
* @View({
* template: '<div>hello!</div>'
* selector: 'my-cmp',
* template: '<div>hello!</div>'
* })
* class MyCmp implements CanDeactivate {
* canDeactivate(next: ComponentInstruction, prev: ComponentInstruction) {

6
modules/angular2/src/router/lifecycle_annotations.ts
View File

@ -39,10 +39,8 @@ export {
* import {CanActivate} from 'angular2/router';
*
* @Component({
* selector: 'control-panel-cmp'
* })
* @View({
* template: '<div>Control Panel: ...</div>'
* selector: 'control-panel-cmp',
* template: '<div>Control Panel: ...</div>'
* })
* @CanActivate(() => checkIfUserIsLoggedIn())
* class ControlPanelCmp {

10
modules/angular2/src/router/location.ts
View File

@ -16,11 +16,10 @@ import {OpaqueToken, Injectable, Optional, Inject} from 'angular2/src/core/di';
* ## Example
*
* ```
* import {Component, View} from 'angular2/angular2';
* import {Component} from 'angular2/angular2';
* import {ROUTER_DIRECTIVES, ROUTER_PROVIDERS, RouteConfig} from 'angular2/router';
*
* @Component({...})
* @View({directives: [ROUTER_DIRECTIVES]})
* @Component({directives: [ROUTER_DIRECTIVES]})
* @RouteConfig([
* {...},
* ])
@ -56,7 +55,7 @@ export const APP_BASE_HREF: OpaqueToken = CONST_EXPR(new OpaqueToken('appBaseHre
* ## Example
*
* ```
* import {Component, View} from 'angular2/angular2';
* import {Component} from 'angular2/angular2';
* import {
* ROUTER_DIRECTIVES,
* ROUTER_PROVIDERS,
@ -64,8 +63,7 @@ export const APP_BASE_HREF: OpaqueToken = CONST_EXPR(new OpaqueToken('appBaseHre
* Location
* } from 'angular2/router';
*
* @Component({...})
* @View({directives: [ROUTER_DIRECTIVES]})
* @Component({directives: [ROUTER_DIRECTIVES]})
* @RouteConfig([
* {...},
* ])

5
modules/angular2/src/router/path_location_strategy.ts
View File

@ -23,7 +23,7 @@ import {LocationStrategy} from './location_strategy';
* ## Example
*
* ```
* import {Component, View, provide} from 'angular2/angular2';
* import {Component, provide} from 'angular2/angular2';
* import {
* APP_BASE_HREF
* ROUTER_DIRECTIVES,
@ -32,8 +32,7 @@ import {LocationStrategy} from './location_strategy';
* Location
* } from 'angular2/router';
*
* @Component({...})
* @View({directives: [ROUTER_DIRECTIVES]})
* @Component({directives: [ROUTER_DIRECTIVES]})
* @RouteConfig([
* {...},
* ])