Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <mat-chip-list #chipList multiple="true">
- <mat-chip *ngFor="let fruit of fruits" [value]="fruit.name" [selected]="fruit.selected" (click)="onSelectFruit(fruit)">
- {{fruit.name}}
- </mat-chip>
- </mat-chip-list>
- <div class="hintLabel">Select Fruits</div>
- <br/>
- <button (click)="getSelectedChips()">Get Selected Chips</button>
- <br/><br/>
- <b>Selected Chips:</b>{{array | json}}<br/><br/>
- <b>Dynamic Selected Chips:</b>{{arrayDynamic | json}}
- array: Fruit["name"][] = [];
- arrayDynamic: Fruit["name"][] = [];
- ngOnInit(){
- for (let fruit of this.fruits) {
- if(fruit.selected){this.arrayDynamic.push(fruit.name);}
- }
- }
- onSelectFruit(fruit){
- fruit.selected=!fruit.selected
- this.arrayDynamic = [];
- for (let fruit of this.fruits) {
- if(fruit.selected){this.arrayDynamic.push(fruit.name);}
- }
- }
- getSelectedChips() {
- this.array = [];
- for (let fruit of this.fruits) {
- if(fruit.selected){this.array.push(fruit.name);}
- }
- }
Add Comment
Please, Sign In to add comment