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

Closes #4666

modules/angular2/src/core/metadata/di.ts

@@ -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}); }
-}
+}

modules/angular2/src/core/metadata/directives.ts

@@ -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]
  * })

modules/angular2/src/core/metadata/view.ts

@@ -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>