//Approach 1: dynamicWidthClass = computed(()=>{ if (window.innerWidth > 992 && window.innerWidth <= 1284) { return "pl-25"; } else if (window.innerWidth > 1284 && window.innerWidth <= 1828) { return "pl-18"; } else if (window.innerWidth < 992 || window.innerWidth >= 1920) {…
I am trying to create refetch functionality. The problem is that because values$ and retryGetValues have different subscribers, my component is not re-rendering. How can I make it so that values$ is recalculated when I press my retry button? export…
I am using signals in Angular 18 for small local states. But I don't understand why and when I should use them instead of a normal class member. Let's take a simple toggle: Example 1 @Component({...}) export class ToggleComponent {…
I have a setup in my Angular project where I need to conditionally render a component based on nested properties of an object. Here's a simplified version of the scenario: projectSignal is a Signal<Project | undefined> where Project can contain…
In my Angular/Typescript code, I have a nested object array that I am trying to return(filter) based on if the object property has the value === 'event'. I don't know what I'm missing but for some reason it won't return…
In a app-test component I have the following: @Input( { transform: booleanAttribute}) reverse: boolean = false; @HostBinding('style.flex-direction') direction: string = this.reverse ? 'column-reverse' : 'column'; And so if the designer applies the reverse attribute to app-test like this: <app-test reverse></app-test>…
I am trying to utilse some of Angular's new reactivity with Signal. I am following this workflow, and converting one of my observables into a signal, this is then being read and displayed on my screen. https://angular.dev/guide/signals/rxjs-interop#tosignal Working Example **…