FantasyLand Angular

mySample.component.ts

import {Component, Inputs, InputDefault, html, css} from '@angular/core'

export class MySampleComponent implements Component {
  #title = "world!";
  selector: 'app-my-sample-component`;
  css = css`
    ul { 
      list-style: none
    }
  `;

  template: html`
     <H1>Hello {{#title}}</H1> 
    <ul>
      <li *ngFor="let item of inputs.items | async">{{item.name}}</li>
    </ul>
    <footer>{{inputs.footerTest}}></footer>
  `;

  inputs = Inputs({
    items: {
      default: InputDefault.none, // works like replaySubject, only emits after first value
      observable: true,
      typing: Item[]
    },
    footerTest: {
      default: '', 
      typing: string     
    }
  });

}