Merge pull request #3316 from IgniteUI/bpachilova/fix-3268

fix(sorting): initial sort in AfterViewInit

Author: teodosiah

src/app/grid/grid-sorting-sample/grid-sorting-sample.component.ts

@@ -1,5 +1,5 @@
 /* eslint-disable @typescript-eslint/naming-convention */
-import { Component, OnInit, ViewChild } from '@angular/core';
+import { Component, OnInit, AfterViewInit, ViewChild } from '@angular/core';
 import { DefaultSortingStrategy, IgxGridComponent, ISortingOptions, SortingDirection } from 'igniteui-angular';
 import { DATA } from '../../data/localData';
 
@@ -9,7 +9,7 @@ import { DATA } from '../../data/localData';
     templateUrl: 'grid-sorting-sample.component.html'
 })
 
-export class SortingSampleComponent implements OnInit {
+export class SortingSampleComponent implements OnInit, AfterViewInit {
     @ViewChild('grid1', { read: IgxGridComponent, static: true })
     public grid1: IgxGridComponent;
     public data: any[];
@@ -26,6 +26,9 @@ export class SortingSampleComponent implements OnInit {
 
     public ngOnInit(): void {
         this.data = DATA;
+    }
+    
+    public ngAfterViewInit(): void {
         this.grid1.sortingExpressions = [
             {
                 dir: SortingDirection.Asc, fieldName: 'CategoryName',

src/app/tree-grid/tree-grid-sorting-sample/tree-grid-sorting-sample.component.ts

@@ -1,4 +1,4 @@
-import { Component, OnInit, ViewChild } from '@angular/core';
+import { Component, OnInit, ViewChild, AfterViewInit } from '@angular/core';
 import { DefaultSortingStrategy, IgxTreeGridComponent, ISortingOptions, SortingDirection } from 'igniteui-angular';
 import { ORDERS_DATA } from '../data/orders';
 
@@ -8,7 +8,7 @@ import { ORDERS_DATA } from '../data/orders';
     templateUrl: 'tree-grid-sorting-sample.component.html'
 })
 
-export class TreeGridSortingSampleComponent implements OnInit {
+export class TreeGridSortingSampleComponent implements OnInit, AfterViewInit {
     @ViewChild('treegrid1', { read: IgxTreeGridComponent, static: true })
     public treegrid1: IgxTreeGridComponent;
     public data: any[];
@@ -35,6 +35,9 @@ export class TreeGridSortingSampleComponent implements OnInit {
 
     public ngOnInit(): void {
         this.data = ORDERS_DATA;
+    }
+
+    public ngAfterViewInit(): void {
         this.treegrid1.sortingExpressions = [
             { dir: SortingDirection.Asc, fieldName: 'UnitPrice',
               ignoreCase: true, strategy: DefaultSortingStrategy.instance() }