Advertisements I’m sure this is easy, but I don’t seem to be able to find an answer (or maybe ask the right question!) I have a library function (specifically, an i18n.translator from here: https://primitives.solidjs.community/package/i18n#static-dictionaries), which I want to wrap with another function to provide some fallback value based on other logic. const translator = i18n.translator(dict);… Read More Typescript type for function calling another function, with same parameters

Advertisements I have been working on an SPA with Angular 16, TypeScript and The Movie Database (TMDB). I run into a problem while working on displaying a movie’s details. In app\services\movie-service.service.ts I have: import { Injectable } from ‘@angular/core’; import { Observable } from ‘rxjs’; import { environment } from ‘../../environments/environment’; import { HttpClient }… Read More What causes the Property does not exist on type error in this Angular 16 movies app?

Advertisements I want to enforce all the values on an object literal be a certain type. However I want to be able to set any string key name. And then I want to infer the type of that object literal. Here is an example: type Fruit = ‘apple’ | ‘banana’ | ‘pear’ const list =… Read More TypeScript infer object literal type while enforcing type of values on object?

Advertisements In the previous *ngIf directives we were able to chain multiple async operations to not repeat the async pipe in the template but to reuse them later as one subscription, now I want to use the same behavior using the new @if syntax provided in Angular 17, is it possible? Old way: <ng-container *ngIf="{… Read More How to use async values in object using new syntax @if in Angular?

Advertisements Let’s say I have the following event handler (in React): onClick={(e: MouseEvent<HTMLElement>) => { const link = e.target.href; I understand why TypeScript complains about the above code: e.target could be an <a> tag (in which case it will have an href), or it could be some other element that doesn’t have an href, and… Read More Why doesn't optional chaining placate TypeScript?

Advertisements I want to implement a text animation so following: https://stackblitz.com/edit/text-animation-demo-with-animejs?file=src%2Fapp%2Fapp.component.html,src%2Fapp%2Fapp.component.ts i copied to my file the code: export class HeroSectionMainTextComponent { ngAfterViewInit(): void { // Wrap every letter in a span const textWrapper = document.querySelector(‘.an-1′); textWrapper.innerHTML = textWrapper.textContent.replace( /\S/g, "<span class=’letter’>$&</span>", ); anime .timeline({ loop: true }) .add({ targets: ‘.an-1 .letter’, scale: [4, 1],… Read More Angular: Animation doesnt start

Advertisements I have the following interface: interface ClassSchedule { [key: string]: string; } However, I am receiving an error that my key is possibly undefined. How do I account for this? interface ClassSchedule { [key: string]: string; } >Solution : It sounds like you have the –noUncheckedIndexedAccess compiler option enabled. You can avoid this error… Read More Typescript Interface Index Signature

Advertisements I would like to change the data of some fields to a customized type. For example, I would like to change the b field of TSomeType to a custom type to get TSomeTypeConverted type as a result. // original type type TSomeType = { a: boolean; b: string; } // result what I want… Read More Is there a way to change type while maintaining the optional state of the type?

Advertisements I have taken a zip generator function, and I’m trying to infer the result type. Given zip(A, B) with A Iterable<string> and B Iterable<number> I’d want to infer the return type Generator<[string, number][]> Here’s what I got so far: declare function zip<T extends Iterable<any>[]>(…iterables: T): Generator<T>: The problem is that it infers a type… Read More How to infer the array element type of each rest parameter, and create a tuple type from it?

Advertisements I am trying to get the index of a child element in a homegrown photo gallery slider. I seem to get getting an index of 0, but would like to actually get the number of the slide. I’ve tried a lot of things and this is the closest I’ve gotten (tons of tries with… Read More Getting specific index of a tile in photo gallery with TypeScript