docs: add signal example for "Binding to the host element" section (angular#57272)

tomer953 · pkozlowski-opensource · commit 6468a2bba37d · 2024-09-23T12:01:05.000+02:00
Added a new example demonstrating the use of signals in the "Binding to the host element" section. PR Close angular#57272
diff --git a/adev/src/content/guide/components/host-elements.md b/adev/src/content/guide/components/host-elements.md
@@ -47,14 +47,15 @@ the `host` property in the `@Component` decorator:
   host: {
     'role': 'slider',
     '[attr.aria-valuenow]': 'value',
+    '[class.active]': 'isActive()',
     '[tabIndex]': 'disabled ? -1 : 0',
     '(keydown)': 'updateValue($event)',
   },
 })
 export class CustomSlider {
   value: number = 0;
   disabled: boolean = false;
-
+  isActive = signal(false);
   updateValue(event: KeyboardEvent) { /* ... */ }
 
   /* ... */
