Transferring numeric values in Typescript to a backend system utilizing decimal formatting with commas

Can anyone help me with a conversion issue I'm facing?

In our project, the backend uses decimal numbers with commas. On the front end, there are fields mapped to Number that accept decimals as well. When using the Number() function, it converts decimal numbers with dots from strings ("1.2" --> 1.2 OR "1,2" --> NaN).

I need to send the form value to the backend after removing different localization symbols. However, the backend only accepts decimal numbers in the format 1,2 and not with dots. Sending it as a string is not an option either. Since we cannot change the backend (including the rest API), this conversion needs to be handled on the front end side. Any suggestions for a suitable conversion method? Thank you!

typescriptlocalizationnumbersdecimal-point

Answer №1

To manipulate strings, one can utilize the replace() method.

new Number('1,2'.replace(',','.'))

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

"A collection of elements in Typescript that is uniform in type, denoted by

Is it possible to declare an array of type any[] where all elements are of the same type? For example: // Allowed const array1: any[] = [1, 2, 3]; const array2: any[] = ['a', 'b', 'c']; // Not allowed because it contains bot ...

typescript

The type definition file for '@types' is not present in Ionic's code base

After updating my Ionic 6 project to use Angular 3, everything works perfectly in debug mode. However, when I attempt to compile for production using 'ionic build --prod' or 'ionic cordova build android --prod', I encounter the followin ...

typescriptionic-framework

Guide on exporting a submodule within a TypeScript package

My aspiration is to develop a Typescript library that emulates the structure of popular libraries like RxJS and Angular Material, which are divided into submodules. RxJS and Angular exhibit a way to import features using syntax like this: // RxJS import ...

javascripttypescriptecmascript-6

Stop the inheritance of static components in a feature module by protecting the router-outlet

I am in the process of dividing my app into multiple feature modules. Currently, I am using only the router-outlet inside a component within a feature module. However, this approach brings along all the static components such as the navbar and footer. How ...

angulartypescriptroutesrouter-outlet

Angular is throwing an error about an undefined JSON object, even though I am able to access it

I have searched extensively for a solution to my error, but I couldn't find anything that matches exactly. I have tried solutions for similar errors, but they have not worked either. The JSON data is structured like this: [ { "somedata": "value ...

angulartypescript

typescript's JSON.stringify function includes internal fields but omits public interface values

I'm currently grappling with some confusion surrounding serialization in TypeScript using JSON.stringify and interfaces. My goal is to create an export format for serializing certain objects back to their server-side representation, focusing solely on ...

jsontypescriptgetter

Access the global window variable from index.html within a Vue component

In my Vue project, I am incorporating an Stencil.js component in the following manner: index.html: <script type="module" src="https://xxxxxx.s3-eu-west-1.amazonaws.com/topbar.esm.js"> </script> <script> window.addEventLis ...

typescriptvue.jsstenciljs

Encountering Typescript problem following the upgrade to create-react-app 4.0.0

After updating create-react-app to version 4.0.0, I faced several issues. The first one being: TypeError: Cannot add property noFallthroughCasesInSwitch, object is not extensible To resolve this, I added "noFallthroughCasesInSwitch": true, to m ...

reactjstypescriptcreate-react-app

Encountering unmounted component error in React Native development

A cautionary error message: unable to update a state in React on an unmounted component. Although this may seem harmless, it could signify a memory leak in your application. To resolve this issue, be sure to cancel all subscriptions and synchronous tasks ...

typescriptreact-native

Tips for updating the selected option in a nested reactive form in Angular?

Class User is defined as follows: export class User { name: string details: Details; } Class Details is defined as follows: export class Details { country: Country; major : Major; } Class Major is defined as follows: export class Major{ department : st ...

angulartypescriptangular-reactive-formsangular-formbuilder

Indicate the array as a tuple

Let's consider a scenario where there is an abstract class: type Pair = [string, number] abstract class AbstractPairClass { pairs: Pair[] } When attempting to implement this class as follows: class ConcretePairClass implements AbstractPairClass ...

typescripttuples

Route.get() is expecting a callback function, however it received an object of undefined instead

In my nodejs application using typescript, I am working on separating the routing by introducing interfaces and controllers to handle the logic. app.ts const countryRoutes = require('./routes/countryroute') app.use('/countries', count ...

node.jstypescriptrouter

Bespoke String Implementation

Can someone help me find a dual approach? I am interested in customizing strings based on type. I want to be able to determine the type of a string different from a primitive string during runtime. Take a look at this code: class TZDatabaseName extends ...

javascripttypescriptclassecmascript-6

How to retrieve a value from an Angular form control in an HTML file

I have a button that toggles between map view and list view <ion-content> <ion-segment #viewController (ionChange)="changeViewState($event)"> <ion-segment-button value="map"> <ion-label>Map</ion-label> & ...

javascripthtmlangulartypescriptionic4

Troubleshooting Issue: Angular 6 - Authentication token interceptor not including headers

After experimenting with various approaches using Angular 6 for the past couple of days, I recently tried implementing a solution mentioned in this post: . Despite my efforts, the header in the requests still remains unset. import {Inject, Injectable} fro ...

angulartypescript

What is the best way to import files in nodejs for tsc build and ts-node-dev compatibility?

While working with ts-node-dev, I have noticed that imported files must be named as "./api" or "./api.ts" during development. However, once the project is built using tsc, the file name needs to be "./api.js" (which is the sta ...

javascriptnode.jstypescriptimportts-node-dev

Upon transitioning from typescript to javascript

I attempted to clarify my confusion about TypeScript, but I'm still struggling to explain it well. From my understanding, TypeScript is a strict syntactical superset of JavaScript that enhances our code by allowing us to use different types to define ...

javascripttypescripttsc

The issue of saving Rails input from an Angular2 front end has been causing some trouble

Currently, I am in the process of developing a front-end application using Angular 2 that retrieves data from a Rails 5 API. This specific application serves as a network inventory tool. One particular feature of this app is an Asset-form in Angular2 whic ...

ruby-on-railsjsonapiangulartypescript

activating serverless.yml for aws-xray

I have been attempting to implement AWS X-Ray for all lambda functions in the following manner: serverless.yml provider: tracing: lambda: true apiGateway: true name: aws runtime: nodejs8.10 stage: ${opt:stage, 'dev'} region: ...

node.jstypescriptamazon-web-servicesaws-xray

Changing the value of a Redux object causes the TextInput within a FlatList item to lose focus

I have a nested object in my redux store that I am using to render my FlatList. Each item in the set contains a textInput to modify the reps in the set, but every time I change the value of the input, it becomes unfocused and the keyboard dismisses. Is the ...

javascriptreactjstypescriptreact-nativereact-native-flatlist