File tree Expand file tree Collapse file tree 3 files changed +6
-1
lines changed
components-examples/material/chips Expand file tree Collapse file tree 3 files changed +6
-1
lines changed Original file line number Diff line number Diff line change 1
1
< mat-form-field class ="example-chip-list ">
2
+ < mat-label > Favorite Fruits</ mat-label >
2
3
< mat-chip-list #chipList aria-label ="Fruit selection ">
3
4
< mat-chip
4
5
*ngFor ="let fruit of fruits "
Original file line number Diff line number Diff line change 1
1
< mat-form-field class ="example-chip-list ">
2
+ < mat-label > Favorite Fruits</ mat-label >
2
3
< mat-chip-list #chipList aria-label ="Fruit selection ">
3
4
< mat-chip *ngFor ="let fruit of fruits " [selectable] ="selectable "
4
5
[removable] ="removable " (removed) ="remove(fruit) ">
Original file line number Diff line number Diff line change @@ -99,6 +99,7 @@ <h4>Form Field</h4>
99
99
Set tabIndex to {{tabIndex === 0 ? -1 : 0}}
100
100
</ button >
101
101
< mat-form-field class ="demo-has-chip-list ">
102
+ < mat-label > Contributors</ mat-label >
102
103
< mat-chip-list [tabIndex] ="tabIndex " #chipList1 [(ngModel)] ="selectedPeople " required >
103
104
< mat-chip *ngFor ="let person of people " [color] ="color " [selectable] ="selectable "
104
105
[removable] ="removable " (removed) ="remove(person) ">
@@ -120,7 +121,8 @@ <h4>Form Field</h4>
120
121
With < code > matChipInput</ code > the input work with chip-list
121
122
</ p >
122
123
123
- < mat-form-field >
124
+ < mat-form-field class ="demo-has-chip-list ">
125
+ < mat-label > Contributors</ mat-label >
124
126
< mat-chip-list [tabIndex] ="tabIndex " #chipList2 [(ngModel)] ="selectedPeople " required >
125
127
< mat-chip *ngFor ="let person of people " [color] ="color " [selectable] ="selectable "
126
128
[removable] ="removable " (removed) ="remove(person) ">
@@ -141,6 +143,7 @@ <h4>Form Field</h4>
141
143
142
144
143
145
< mat-form-field class ="demo-has-chip-list ">
146
+ < mat-label > Contributors</ mat-label >
144
147
< mat-chip-list #chipList3 >
145
148
< mat-chip *ngFor ="let person of people " [color] ="color " [selectable] ="selectable "
146
149
[removable] ="removable " (removed) ="remove(person) ">
You can’t perform that action at this time.
0 commit comments