File tree Expand file tree Collapse file tree 2 files changed +38
-38
lines changed
src/components-examples/material/chips Expand file tree Collapse file tree 2 files changed +38
-38
lines changed Original file line number Diff line number Diff line change 1
1
< section >
2
- < h4 > Chips inside of a Reactive form</ h4 >
3
- < mat-form-field class ="example-form-field ">
4
- < mat-label > Video keywords</ mat-label >
5
- < mat-chip-grid #reactiveChipGrid aria-label ="Enter reactive form keywords " [formControl] ="formControl ">
6
- @for (keyword of reactiveKeywords(); track keyword) {
7
- < mat-chip-row (removed) ="removeReactiveKeyword(keyword) ">
8
- {{keyword}}
9
- < button matChipRemove aria-label ="'remove reactive form' + keyword ">
10
- < mat-icon > cancel</ mat-icon >
11
- </ button >
12
- </ mat-chip-row >
13
- }
14
- </ mat-chip-grid >
15
- < input
16
- placeholder ="New keyword... "
17
- [matChipInputFor] ="reactiveChipGrid "
18
- (matChipInputTokenEnd) ="addReactiveKeyword($event) "
19
- />
20
- </ mat-form-field >
2
+ < h4 > Chips inside of a Reactive form</ h4 >
3
+ < mat-form-field class ="example-form-field ">
4
+ < mat-label > Video keywords</ mat-label >
5
+ < mat-chip-grid #reactiveChipGrid aria-label ="Enter reactive form keywords " [formControl] ="formControl ">
6
+ @for (keyword of reactiveKeywords(); track keyword) {
7
+ < mat-chip-row (removed) ="removeReactiveKeyword(keyword) ">
8
+ {{keyword}}
9
+ < button matChipRemove aria-label ="'remove reactive form' + keyword ">
10
+ < mat-icon > cancel</ mat-icon >
11
+ </ button >
12
+ </ mat-chip-row >
13
+ }
14
+ </ mat-chip-grid >
15
+ < input
16
+ placeholder ="New keyword... "
17
+ [matChipInputFor] ="reactiveChipGrid "
18
+ (matChipInputTokenEnd) ="addReactiveKeyword($event) "
19
+ />
20
+ </ mat-form-field >
21
21
</ section >
Original file line number Diff line number Diff line change 1
1
< section >
2
- < h4 > Chips inside of a Template-driven form</ h4 >
3
- < mat-form-field class ="example-form-field ">
4
- < mat-label > Video keywords</ mat-label >
5
- < mat-chip-grid #templateChipGrid aria-label ="Enter template form keywords " [(ngModel)] ="templateKeywords ">
6
- @for (keyword of templateKeywords(); track keyword) {
7
- < mat-chip-row (removed) ="removeTemplateKeyword(keyword) ">
8
- {{keyword}}
9
- < button matChipRemove aria-label ="'remove template form' + keyword ">
10
- < mat-icon > cancel</ mat-icon >
11
- </ button >
12
- </ mat-chip-row >
13
- }
14
- </ mat-chip-grid >
15
- < input
16
- placeholder ="New keyword... "
17
- [matChipInputFor] ="templateChipGrid "
18
- (matChipInputTokenEnd) ="addTemplateKeyword($event) "
19
- />
20
- </ mat-form-field >
2
+ < h4 > Chips inside of a Template-driven form</ h4 >
3
+ < mat-form-field class ="example-form-field ">
4
+ < mat-label > Video keywords</ mat-label >
5
+ < mat-chip-grid #templateChipGrid aria-label ="Enter template form keywords " [(ngModel)] ="templateKeywords ">
6
+ @for (keyword of templateKeywords(); track keyword) {
7
+ < mat-chip-row (removed) ="removeTemplateKeyword(keyword) ">
8
+ {{keyword}}
9
+ < button matChipRemove aria-label ="'remove template form' + keyword ">
10
+ < mat-icon > cancel</ mat-icon >
11
+ </ button >
12
+ </ mat-chip-row >
13
+ }
14
+ </ mat-chip-grid >
15
+ < input
16
+ placeholder ="New keyword... "
17
+ [matChipInputFor] ="templateChipGrid "
18
+ (matChipInputTokenEnd) ="addTemplateKeyword($event) "
19
+ />
20
+ </ mat-form-field >
21
21
</ section >
You can’t perform that action at this time.
0 commit comments