refactor(grid-action-buttons): Improve contradicting conditions in template (#9536)

Author: dkamburov

projects/igniteui-angular/src/lib/action-strip/grid-actions/grid-action-button.component.html

@@ -1,17 +1,16 @@
 <ng-container *ngIf="!asMenuItem">
+    <button igxButton="icon" igxRipple (click)="handleClick($event)" (mousedown)="preventEvent($event)">
+        <igx-icon *ngIf="iconSet" [family]="iconSet" [name]="iconName">{{iconName}}</igx-icon>
+        <igx-icon *ngIf="!iconSet" >{{iconName}}</igx-icon>
+    </button>
+</ng-container>
 
-    <ng-container *ngIf="!asMenuItem">
-        <button igxButton="icon" igxRipple (click)="handleClick($event)" (mousedown)="preventEvent($event)">
-            <igx-icon *ngIf="iconSet" [family]="iconSet" [name]="iconName">{{iconName}}</igx-icon>
-            <igx-icon *ngIf="!iconSet" >{{iconName}}</igx-icon>
-        </button>
-    </ng-container>
-
+<ng-template #menuItemTemplate>
     <ng-container *ngIf="asMenuItem">
         <div #container [className]='containerClass'>
             <igx-icon *ngIf="iconSet" [family]="iconSet" [name]="iconName">{{iconName}}</igx-icon>
             <igx-icon *ngIf="!iconSet" >{{iconName}}</igx-icon>
-            <label *ngIf='asMenuItem' igxLabel>{{labelText}}</label>
+            <label igxLabel>{{labelText}}</label>
         </div>
     </ng-container>
-</ng-container>
+</ng-template>

projects/igniteui-angular/src/lib/action-strip/grid-actions/grid-action-button.component.ts

@@ -26,7 +26,7 @@ export class IgxGridActionButtonComponent {
      * @hidden
      * @internal
      */
-    @ViewChild(TemplateRef)
+    @ViewChild('menuItemTemplate')
     public templateRef: TemplateRef<any>;
 
     /**