angular_selector_on_steroids_component_basic_data_binding.ts

1import { Component } from '@angular/core';
2import { SelectorOnSteroidsModule } from 'angular-selector-on-steroids';
3
4@Component({
5  selector: 'app-root',
6  standalone: true,
7  imports: [SelectorOnSteroidsModule],
8  template: `
9    <selector-on-steroids
10      [items]="listItems"
11      [(ngModel)]="selectedItem"
12      (onSelect)="handleSelection($event)">
13    </selector-on-steroids>
14  `
15})
16export class AppComponent {
17  selectedItem: any = null;
18  
19  listItems = [
20    { id: 1, label: 'Option 1' },
21    { id: 2, label: 'Option 2' },
22    { id: 3, label: 'Option 3' }
23  ];
24
25  handleSelection(event: any) {
26    console.log('Selected item:', event);
27  }
28}