stateless-standalone-component

stateless-standalone-component.ts

import { StatelessComponent } from '@protools/angular';

@Component({
  selector: 'app-view',
  standalone: true,
  imports: [CommonModule],
  templateUrl: './view.component.html',
  styleUrls: ['./view.component.scss']
})
@StatelessComponent()
export class ViewComponent {

  @Input()
  title = 'stateless-stand-alone-experiment';

  @Output()
  titleChanged = new EventEmitter()

  increment() {
    // StatelessComponent decorator will not allow title mutation and throws runtime error.
    this.title = "Title Changed";           
    this.titleChanged.emit('Title Changed');
  }
}