fix(material-experimental/mdc-chips): incorrect selector for m… (#16722)

Author: andrewseguin

src/material-experimental/mdc-chips/chip-option.html

@@ -1,7 +1,7 @@
-<ng-content select="[mat-chip-avatar], [matChipAvatar]"></ng-content>
+<ng-content select="mat-chip-avatar, [matChipAvatar]"></ng-content>
 <svg *ngIf="_chipListMultiple" class="mdc-chip__checkmark-svg" viewBox="-2 -3 30 30">
   <path class="mdc-chip__checkmark-path" fill="none" stroke="black"
     d="M1.73,12.91 8.1,19.28 22.79,4.59"/>
 </svg>
 <div class="mdc-chip__text"><ng-content></ng-content></div>
-<ng-content select="[mat-chip-trailing-icon],[matChipRemove],[matChipTrailingIcon]"></ng-content>
+<ng-content select="mat-chip-trailing-icon,[matChipRemove],[matChipTrailingIcon]"></ng-content>

src/material-experimental/mdc-chips/chip-row.html

@@ -1,8 +1,8 @@
 <div role="gridcell">
   <div #chipContent tabindex="-1" class="mat-chip-row-focusable-text-content">
-  	 <ng-content select="[mat-chip-avatar], [matChipAvatar]"></ng-content>
+  	 <ng-content select="mat-chip-avatar, [matChipAvatar]"></ng-content>
   	 <span class="mdc-chip__text"><ng-content></ng-content></span>
-  	 <ng-content select="[mat-chip-trailing-icon],[matChipTrailingIcon]"></ng-content>
+  	 <ng-content select="mat-chip-trailing-icon,[matChipTrailingIcon]"></ng-content>
   </div>
 </div>
 <div role="gridcell" *ngIf="removeIcon">

src/material-experimental/mdc-chips/chip.html

@@ -1,3 +1,3 @@
-<ng-content select="[mat-chip-avatar], [matChipAvatar]"></ng-content>
+<ng-content select="mat-chip-avatar, [matChipAvatar]"></ng-content>
 <div class="mdc-chip__text"><ng-content></ng-content></div>
-<ng-content select="[mat-chip-trailing-icon],[matChipRemove],[matChipTrailingIcon]"></ng-content>
+<ng-content select="mat-chip-trailing-icon,[matChipRemove],[matChipTrailingIcon]"></ng-content>