JSFiddle - React, Tailwind, and code Playground

by kontrach

JavaScript

@Component({
	selector: 'outer',
  template: `
    <h1> Hello from outer </h1>
    <autocomplete>
      <li> {{ item.name }} {{ item.description }} </li>
    </autocomplete>
  `
})
export class Outer {
	// there is no item object at all.
}

@Component({
  selector: 'autocomplete',
  template: `
   input( (input)="filter($event)" ) for query
   ul for showing results
     li( *ngFor="let item of filteredItems" ) and here I want to pass those li from outer component
  `
})
export class Autocomplete {
  filter(){} // returns filteredItems
  
}