feat(h-grid): provide injector to simplify child toolbar template setup

Author: damyanpetev

projects/igniteui-angular/src/lib/grids/hierarchical-grid/row-island.component.ts

@@ -331,7 +331,7 @@ export class IgxRowIslandComponent extends IgxHierarchicalGridBaseDirective
         // Create the child toolbar if the parent island has a toolbar definition
         this.gridCreated.pipe(pluck('grid'), takeUntil(this.destroy$)).subscribe(grid => {
             grid.rendered$.pipe(first(), filter(() => !!this.islandToolbarTemplate))
-                .subscribe(() => grid.toolbarOutlet.createEmbeddedView(this.islandToolbarTemplate, { $implicit: grid }));
+                .subscribe(() => grid.toolbarOutlet.createEmbeddedView(this.islandToolbarTemplate, { $implicit: grid }, { injector: grid.toolbarOutlet.injector }));
             grid.rendered$.pipe(first(), filter(() => !!this.islandPaginatorTemplate))
                 .subscribe(() => {
                     this.rootGrid.paginatorList.changes.pipe(takeUntil(this.destroy$)).subscribe(() => grid.setUpPaginator());

projects/igniteui-angular/src/lib/test-utils/hierarchical-grid-components.spec.ts

@@ -360,7 +360,7 @@ export class IgxHierarchicalGridCustomSelectorsComponent implements OnInit {
             </igx-grid-toolbar>
         </igx-row-island>
         <igx-row-island [key]="'childData2'" #rowIsland2 [primaryKey]="'ID'" [autoGenerate]="true">
-            <igx-grid-toolbar *igxGridToolbar="let grid" [grid]="grid">
+            <igx-grid-toolbar *igxGridToolbar>
                 <button type="button" igxButton="contained">Child2 Button</button>
             </igx-grid-toolbar>
         </igx-row-island>

src/app/hierarchical-grid/hierarchical-grid.sample.html

@@ -67,8 +67,8 @@ <h4 class="sample-title">Sample One</h4>
                 </igx-excel-style-filter-operations>
             </igx-grid-excel-style-filtering>
 
-            <igx-grid-toolbar [grid]="childGrid" *igxGridToolbar="let childGrid">
-                <igx-grid-toolbar-title>Child Grid 1</igx-grid-toolbar-title>
+            <igx-grid-toolbar *igxGridToolbar>
+                <igx-grid-toolbar-title>{{ toolbarTitle }}</igx-grid-toolbar-title>
                 <igx-grid-toolbar-actions>
                     <igx-grid-toolbar-pinning></igx-grid-toolbar-pinning>
                     <igx-grid-toolbar-hiding></igx-grid-toolbar-hiding>

src/app/hierarchical-grid/hierarchical-grid.sample.ts

@@ -42,6 +42,7 @@ export class HierarchicalGridSampleComponent implements AfterViewInit {
     public hgridState = [];
     public columns;
     public childColumns;
+    public toolbarTitle = 'Child Grid 1';
 
     public evenCondition = (row: RowType) =>  parseInt(row.data['ID'], 0) % 2 === 0;
     public rowClasses = {