import { Component, signal } from '@angular/core'; import { SliderComponent } from './slider.component'; @Component({ standalone: true, imports: [SliderComponent], selector: 'app-root', template: `

Slider 1: {{ slider1Value() }}

Slider 2: {{ slider2Value() }}

Enabled only if Slider 1 > 20

`, styles: [''], }) export class AppComponent { slider1Value = signal(10); slider2Value = signal(0); }