I was wondering if there is a construct in typescript that I can use in order to restrict possible values of an object depending on the values. I can describe it something like that: interface IObject = { key1:string; key2:string; key3:"A" | null; key4: (if key3 is ‘A’ then allow ‘value1′ |’value2’ else if it… Read More Combination of values in object attributes typescript

I’m trying to write a function that accepts an array of arrays. The inner array can have any number of elements of any type, but the first one must be a string. The following is a valid input array: [ [‘2022-03-04T00:00:00Z’, 64, 10], [‘2022-03-05T00:00:00Z’, 61, 12], [‘2022-03-06T00:00:00Z’, 66, 14], ] But the following is not… Read More How can I declare an array of unknown elements where the first one must be a string?

I’m writing function that’ll return single value from object by key or return empty object if key does not exist. Code: //example data: const obj = { data: {test: ‘word’}, str: ‘Hi’, num: 22, } const pickOne = <T extends object>(obj: T, key: keyof typeof obj) => ((key in obj) ? obj.key : {}) console.log(pickOne(obj,… Read More Get value from object of unknown content by key in typescript

I am little stuck trying to get this *ngIf to work correctly. What I am trying to do is show the div if it is empty only if the user viewing is owner. If the user is a guest, and the div is empty, it should not be shown. here is what I have: <div… Read More How to check 2 conditions in angular ngif

I am trying to split a string into an array of objects in TS. I have the following (example) string: Example1,Example2,Example3,Example4,Example5 And I’m trying to parse it into: [ { "id":"Example1" }, { "id":"Example2" }, { "id":"Example3" }, { "id":"Example4" }, { "id":"Example5" } ] using split() i can easily split it into an array… Read More String-split into array of objects

interface IData { title: string; slug: string; published_at: string; isPopular: boolean; } const product: IData = { title: "Title 1", slug: "title-1", published_at: "2012", isPopular: true, }; function getCourseBySlug(fields: Array<keyof IData>) { const items = <IData>{}; // // Ensure only the minimal needed data is exposed fields.forEach((field) => { if (field === "isPopular") { items[field]… Read More How to fix "Type 'string | boolean' is not assignable to type 'never'. Type 'string' is not assignable to type 'never'"?

this.addRoleFormGroup.dirty; //want to pass this value to jQuery on("hide.bs.modal", function()) this.addRoleFormGroup.dirty; $("#addRoleModal").on("hide.bs.modal", function () { alert(‘The modal is about to be hidden.’); $(‘#addRoleModal’).modal(‘show’); }); } >Solution : Use an arrow function for your JQuery event handler. That way the outer this will be accessible from within the callback: $("#addRoleModal").on("hide.bs.modal", () => { console.log(this.addRoleFormGroup.dirty); $(‘#addRoleModal’).modal(‘show’); });… Read More How to pass typescript property to bootstrap related jQuery function in Angular Application

I want to Omit all functions from an interface interface Human { name: string; age: number; walk: () => void; talk: (word: string) => Promise<void> } type HumanWithoutFunctions = RemoveFunctions<Human> /* expected result: HumanWithoutFunctions { name: string; age: number; } */ >Solution : Here you go: type RemoveFunctions<T> = { [K in keyof T as… Read More Omit function properties from a typescript interface

I have some function as follows: const myFunction = (columns: any, data: any) => { let label: string; let value: number; //some section where it assigns label and value for (let index = 0; index < columns.length; index++) { const column: string = columns[index].fieldName; const datapoint: string = data[index].formattedValue; if (column.includes("KeyPointLabel")) { label = datapoint;… Read More TypeScript: Check if variable has been initialised

I’m getting some weird error. Just starting with typescript. When i write console.log(data) for the first time i get an array with objects inside. The problem occurs when i reload the webpage without touching anything. My console log returns undefined. const Home = (): JSX.Element => { const [data, setData] = useState<any>(); const [loading, setLoading]… Read More Fetch data changing on reload from array to undefined