From 9319b5f3299eb591877d208aa05dec5bc9b136c1 Mon Sep 17 00:00:00 2001
From: Josep Sayol <jsayol@users.noreply.github.com>
Date: Thu, 23 Mar 2017 01:18:22 +0100
Subject: [PATCH] docs(common): update ngFor docs to new `as` syntax (#15166)

---
 packages/common/src/directives/ng_for_of.ts                 | 6 +++---
 .../forms/ts/nestedFormArray/nested_form_array_example.ts   | 2 +-
 packages/forms/src/directives/error_examples.ts             | 3 +--
 3 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/packages/common/src/directives/ng_for_of.ts b/packages/common/src/directives/ng_for_of.ts
index 1f2a8dad55..feb9c7b0d6 100644
--- a/packages/common/src/directives/ng_for_of.ts
+++ b/packages/common/src/directives/ng_for_of.ts
@@ -45,7 +45,7 @@ export class NgForOfContext<T> {
  * - `odd: boolean`: True when the item has an odd index in the iterable.
  *
  * ```
- * <li *ngFor="let user of userObservable | async as users; indexes as i; first as isFirst">
+ * <li *ngFor="let user of userObservable | async as users; index as i; first as isFirst">
  *    {{i}}/{{users.length}}. {{user}} <span *ngIf="isFirst">default</span>
  * </li>
  * ```
@@ -78,8 +78,8 @@ export class NgForOfContext<T> {
  *
  * ### Syntax
  *
- * - `<li *ngFor="let item of items; let i = index; trackBy: trackByFn">...</li>`
- * - `<li template="ngFor let item of items; let i = index; trackBy: trackByFn">...</li>`
+ * - `<li *ngFor="let item of items; index as i; trackBy: trackByFn">...</li>`
+ * - `<li template="ngFor let item of items; index as i; trackBy: trackByFn">...</li>`
  *
  * With `<ng-template>` element:
  *
diff --git a/packages/examples/forms/ts/nestedFormArray/nested_form_array_example.ts b/packages/examples/forms/ts/nestedFormArray/nested_form_array_example.ts
index 346221acc7..1554c7ef17 100644
--- a/packages/examples/forms/ts/nestedFormArray/nested_form_array_example.ts
+++ b/packages/examples/forms/ts/nestedFormArray/nested_form_array_example.ts
@@ -16,7 +16,7 @@ import {FormArray, FormControl, FormGroup} from '@angular/forms';
   template: `
     <form [formGroup]="form" (ngSubmit)="onSubmit()">
       <div formArrayName="cities">
-        <div *ngFor="let city of cities.controls; let i=index">
+        <div *ngFor="let city of cities.controls; index as i">
           <input [formControlName]="i" placeholder="City">
         </div>
       </div>
diff --git a/packages/forms/src/directives/error_examples.ts b/packages/forms/src/directives/error_examples.ts
index a59059ab69..d68553b88c 100644
--- a/packages/forms/src/directives/error_examples.ts
+++ b/packages/forms/src/directives/error_examples.ts
@@ -34,7 +34,7 @@ export const FormErrorExamples = {
   formArrayName: `
     <div [formGroup]="myGroup">
       <div formArrayName="cities">
-        <div *ngFor="let city of cityArray.controls; let i=index">
+        <div *ngFor="let city of cityArray.controls; index as i">
           <input [formControlName]="i">
         </div>
       </div>
@@ -61,4 +61,3 @@ export const FormErrorExamples = {
     </div>
   `
 };
- 
\ No newline at end of file