docs: remove outdated docs (#11875)

modules/@angular/core/src/change_detection/change_detector_ref.ts

@@ -41,7 +41,6 @@ export abstract class ChangeDetectorRef {
    *   template: `
    *     <cmp><cmp>
    *   `,
-   *   directives: [Cmp]
    * })
    * class App {
    * }
@@ -81,7 +80,6 @@ export abstract class ChangeDetectorRef {
    *   template: `
    *     <li *ngFor="let d of dataProvider.data">Data {{d}}</lig>
    *   `,
-   *   directives: [NgFor]
    * })
    * class GiantList {
    *   constructor(private ref: ChangeDetectorRef, private dataProvider:DataProvider) {
@@ -98,7 +96,6 @@ export abstract class ChangeDetectorRef {
    *   template: `
    *     <giant-list><giant-list>
    *   `,
-   *   directives: [GiantList]
    * })
    * class App {
    * }
@@ -166,7 +163,7 @@ export abstract class ChangeDetectorRef {
    * @Component({
    *   selector: 'live-data',
    *   inputs: ['live'],
-   *   template: `Data: {{dataProvider.data}}`
+   *   template: 'Data: {{dataProvider.data}}'
    * })
    * class LiveData {
    *   constructor(private ref: ChangeDetectorRef, private dataProvider:DataProvider) {}
@@ -186,7 +183,6 @@ export abstract class ChangeDetectorRef {
    *     Live Update: <input type="checkbox" [(ngModel)]="live">
    *     <live-data [live]="live"><live-data>
    *   `,
-   *   directives: [LiveData, FORM_DIRECTIVES]
    * })
    * class App {
    *   live = true;

modules/@angular/core/src/linker/errors.ts

@@ -25,13 +25,10 @@ import {DebugContext} from './debug_context';
  * ```typescript
  * @Component({
  *   selector: 'parent',
- *   template: `
- *     <child [prop]="parentProp"></child>
- *   `,
- *   directives: [forwardRef(() => Child)]
+ *   template: '<child [prop]="parentProp"></child>',
  * })
  * class Parent {
- *   parentProp = "init";
+ *   parentProp = 'init';
  * }
  *
  * @Directive({selector: 'child', inputs: ['prop']})
@@ -41,7 +38,7 @@ import {DebugContext} from './debug_context';
  *   set prop(v) {
  *     // this updates the parent property, which is disallowed during change detection
  *     // this will result in ExpressionChangedAfterItHasBeenCheckedError
- *     this.parent.parentProp = "updated";
+ *     this.parent.parentProp = 'updated';
  *   }
  * }
  * ```

modules/@angular/core/src/metadata/directives.ts

@@ -928,7 +928,6 @@ export interface HostBindingDecorator {
    * @Component({
    *   selector: 'app',
    *   template: `<input [(ngModel)]="prop">`,
-   *   directives: [FORM_DIRECTIVES, NgModelStatus]
    * })
    * class App {
    *   prop;
@@ -968,8 +967,7 @@ export interface HostListenerDecorator {
    *
    * Angular will invoke the decorated method when the host element emits the specified event.
    *
-   * If the decorated method returns `false`, then `preventDefault` is applied on the DOM
-   * event.
+   * If the decorated method returns `false`, then `preventDefault` is applied on the DOM event.
    *
    * ### Example
    *
@@ -983,14 +981,13 @@ export interface HostListenerDecorator {
    *
    *   @HostListener('click', ['$event.target'])
    *   onClick(btn) {
-   *     console.log("button", btn, "number of clicks:", this.numberOfClicks++);
+   *     console.log('button', btn, 'number of clicks:', this.numberOfClicks++);
    *   }
    * }
    *
    * @Component({
    *   selector: 'app',
-   *   template: `<button counting>Increment</button>`,
-   *   directives: [CountClicks]
+   *   template: '<button counting>Increment</button>',
    * })
    * class App {}
    * ```

modules/@angular/core/src/zone/ng_zone.ts

@@ -40,7 +40,6 @@ import {NgZoneImpl} from './ng_zone_impl';
  *     <button (click)="processWithinAngularZone()">Process within Angular zone</button>
  *     <button (click)="processOutsideOfAngularZone()">Process outside of Angular zone</button>
  *   `,
- *   directives: [NgIf]
  * })
  * export class NgZoneDemo {
  *   progress: number = 0;