From 714e87775a0b5e411a36859560b32f1f784cbf70 Mon Sep 17 00:00:00 2001
From: Deyan Kamburov <dkamburov@infragistics.com>
Date: Tue, 26 Sep 2017 19:58:28 +0300
Subject: [PATCH] Update README by removing the directive from code examples

---
 README.md | 18 ++++++------------
 1 file changed, 6 insertions(+), 12 deletions(-)

diff --git a/README.md b/README.md
index c04afc8..af9316e 100644
--- a/README.md
+++ b/README.md
@@ -64,8 +64,7 @@ There are two mandatory attributes that need to be set to an Ignite UI control c
         selector: 'my-app',
         template: `<ig-grid 
             [(options)]="gridOptions" 
-            [(widgetId)]='id'></ig-grid>`,
-        directives: [IgGridComponent]
+            [(widgetId)]='id'></ig-grid>`
     })
     export class AppComponent {
         private gridOptions: IgGrid;
@@ -104,8 +103,7 @@ when there are overlapping properties. Also changing top-level attribute will ap
             [height]='h'
             [autoGenerateColumns]='true'
             >
-        </ig-grid>`,
-        directives: [IgGridComponent]
+        </ig-grid>`
     })
     export class AppComponent {
         private id: string;
@@ -177,8 +175,7 @@ In order to change the more options at once (or recreate the component with anot
         selector: 'my-app',
         template: `<ig-grid 
             [(options)]="gridOptions" 
-            [(widgetId)]='id'></ig-grid>`,
-        directives: [IgGridComponent]
+            [(widgetId)]='id'></ig-grid>`
     })
     export class AppComponent {
         private gridOptions: IgGrid;
@@ -230,8 +227,7 @@ Binding to control events is achieved by assigning attributes where the name of
         template: `<ig-grid 
             [(options)]="gridOptions" 
             [(widgetId)]='id' 
-            (dataBind)="dataBindHandler($event)"></ig-grid>`,
-        directives: [IgGridComponent]
+            (dataBind)="dataBindHandler($event)"></ig-grid>`
     })
     export class AppComponent {
         private gridOptions: IgGrid;
@@ -263,8 +259,7 @@ Binding to igGrid* feature events is done in the control's configuration code.
         selector: 'my-app',
         template: `<ig-grid 
             [(options)]="gridOptions" 
-            [(widgetId)]='id'></ig-grid>`,
-        directives: [IgGridComponent]
+            [(widgetId)]='id'></ig-grid>`
     })
     export class AppComponent {
         private gridOptions: IgGrid;
@@ -305,8 +300,7 @@ Component methods can be called by accessing the component from the view. For ex
             <features>
                 <paging [pageSize]="'2'"></paging>
             </features>
-        </ig-grid>',
-        directives: [IgGridComponent]
+        </ig-grid>'
     })
     export class AppComponent {
         private gridOptions: IgGrid;