docs(material-angular-io): fix clearing filter doesnt reset type filter (angular#30437)

naaajii · web-flow · commit bf204263c32a · 2025-02-03T09:58:47.000-07:00
fixes upon resetting the filters type filter value persists in component styling tab
diff --git a/material.angular.io/src/app/pages/component-viewer/token-table.html b/material.angular.io/src/app/pages/component-viewer/token-table.html
@@ -10,7 +10,7 @@
 
   <mat-form-field subscriptSizing="dynamic" appearance="outline">
     <mat-label>Filter by type</mat-label>
-    <mat-select (selectionChange)="typeFilter.set($event.value)">
+    <mat-select [value]="typeFilter()" (selectionChange)="typeFilter.set($event.value)">
       @for (type of types; track $index) {
         <mat-option [value]="type">{{type | titlecase}}</mat-option>
       }

Original file line number	Diff line number	Diff line change
`@@ -10,7 +10,7 @@`
`10`	`10`
`11`	`11`	`<mat-form-field subscriptSizing="dynamic" appearance="outline">`
`12`	`12`	`<mat-label>Filter by type</mat-label>`
`13`		`- <mat-select (selectionChange)="typeFilter.set($event.value)">`
	`13`	`+ <mat-select [value]="typeFilter()" (selectionChange)="typeFilter.set($event.value)">`
`14`	`14`	`@for (type of types; track $index) {`
`15`	`15`	`<mat-option [value]="type">{{type \| titlecase}}</mat-option>`
`16`	`16`	`}`