navix · May 13, 2019 11:51 · May 13, 2019 · May 13, 2019 · May 13, 2019 · May 13, 2019
diff --git a/README.md b/README.md
@@ -35,8 +35,4 @@ Use it in a child component:
 
 * Parent component should have `<form>` element. Child components should be inside of that element.
 * Each `ngModel` should have unique `name` (can be an issue in cycles).
-
-
-### Alternative method with `viewProviders` instead a directive
-
-https://medium.com/@a.yurich.zuev/angular-nested-template-driven-form-4a3de2042475
+* There is alternative method with `viewProviders` instead a directive: https://medium.com/@a.yurich.zuev/angular-nested-template-driven-form-4a3de2042475
diff --git a/README.md b/README.md
@@ -30,7 +30,13 @@ Use it in a child component:
 </ng-container>
 ```
 
+
 ### Be aware
 
 * Parent component should have `<form>` element. Child components should be inside of that element.
-* Each `ngModel` should have unique `name` (can be an issue in cycles).
+* Each `ngModel` should have unique `name` (can be an issue in cycles).
+
+
+### Alternative method with `viewProviders` instead a directive
+
+https://medium.com/@a.yurich.zuev/angular-nested-template-driven-form-4a3de2042475
diff --git a/README.md b/README.md
@@ -25,7 +25,7 @@ export class FormProviderDirective {
 Use it in a child component:
 
 ```html
-<ng-container appFormProvider>
+<ng-container formProvider>
   <input name="inChild" [(ngModel)]="form.inChild">
 </ng-container>
 ```

diff --git a/README.md b/README.md
@@ -28,4 +28,9 @@ Use it in a child component:
 <ng-container appFormProvider>
   <input name="inChild" [(ngModel)]="form.inChild">
 </ng-container>
-```
+```
+
+### Be aware
+
+* Parent component should have `<form>` element. Child components should be inside of that element.
+* Each `ngModel` should have unique `name` (can be an issue in cycles).
diff --git a/README.md b/README.md
@@ -1,6 +1,6 @@
 # Bind ngModel controls to ngForm from parent component
 
-This allows you to split form on components.
+This allows you to split a template-driven form on components.
 
 Create `formProvider` directive to proxy `ngModel` injector from parent to child:
 

diff --git a/README.md b/README.md
@@ -1,6 +1,8 @@
 # Bind ngModel controls to ngForm from parent component
 
-Create `formProvider` directive to proxy `ngModel` injector from parent to child.
+This allows you to split form on components.
+
+Create `formProvider` directive to proxy `ngModel` injector from parent to child:
 
 ```typescript
 import { Directive, SkipSelf, forwardRef } from '@angular/core';

diff --git a/README.md b/README.md
@@ -23,7 +23,7 @@ export class FormProviderDirective {
 Use it in a child component:
 
 ```html
-<div appFormProvider>
+<ng-container appFormProvider>
   <input name="inChild" [(ngModel)]="form.inChild">
-</div>
+</ng-container>
 ```
diff --git a/README.md b/README.md
@@ -0,0 +1,29 @@
+# Bind ngModel controls to ngForm from parent component
+
+Create `formProvider` directive to proxy `ngModel` injector from parent to child.
+
+```typescript
+import { Directive, SkipSelf, forwardRef } from '@angular/core';
+import { ControlContainer, Form } from '@angular/forms';
+
+@Directive({
+  selector: '[formProvider]',
+  providers: [
+    {
+      provide: ControlContainer,
+      useFactory: (parent) => parent,
+      deps: [[new SkipSelf(), ControlContainer]],
+    }
+  ]
+})
+export class FormProviderDirective {
+}
+```
+
+Use it in a child component:
+
+```html
+<div appFormProvider>
+  <input name="inChild" [(ngModel)]="form.inChild">
+</div>
+```