templates.ts

@Component({
  selector: 'wt-greeting',
  template: (ctx: WtGreeting) => ngHtml`<h1>Hello ${uppercase(ctx.name)}</h1>`
})
class WtGreeting {
  @Input() name: string;
}


@Component({
  selector: 'wt-root',
  template: (ctx:AppComponent) => ngHtml`
    <wt-greeting name="Static Value"></wt-greeting>
    <wt-greeting name=${ctx.dynamicValue}></wt-greeting>
  `
})
class AppComponent {
  @Input() dynamicValue = string;
}

function upperCase(value: string){
  return value.toUpperCase();
}