Replacing text with new content when text is stored in a separate file

Question

Replacing text with new content when text is stored in a separate file

After organizing all the strings from my code, I compiled them into a file named constants.ts.

export class Constants {
  public static API_URL = '/api/';
  public static CREATE_CHILD_API_URL = Constants.API_URL + '%s' + '/create-child';
}

I have successfully substituted a value into the string using console.log:

import { Constants } from '../common/constants';
console.log(Constants.CREATE_CHILD_API_URL, 'dummyId');

This results in: /api/dummyId/create-child, which is what I aimed for.

Now, how can I achieve the same but store the result in a variable for future use?

Is there a native solution that works on modern browsers without requiring external libraries?

It seems like Template literals are not suitable for this scenario since the variable won't be defined in my constants file.

javascript typescript string-substitution

Answer 1

Answer №1

Inevitably, a mistake may occur with this method. I recommend utilizing functions with specific parameters that will generate the required strings through string interpolation:

export class Urls {
  public static API_URL = '/api/';
  public static CREATE_CHILD_API_URL =
      (id: string) => `${Urls.API_URL}${id}/create-child`;
}

Subsequently, you can utilize it in the following way:

import { Urls } from '../common/urls';
const forLaterUse = Urls.CREATE_CHILD_API_URL('dummyId');
console.log(forLaterUse);

Answer 2

Inevitably, a mistake may occur with this method. I recommend utilizing functions with specific parameters that will generate the required strings through string interpolation:

export class Urls {
  public static API_URL = '/api/';
  public static CREATE_CHILD_API_URL =
      (id: string) => `${Urls.API_URL}${id}/create-child`;
}

Subsequently, you can utilize it in the following way:

import { Urls } from '../common/urls';
const forLaterUse = Urls.CREATE_CHILD_API_URL('dummyId');
console.log(forLaterUse);

Replacing text with new content when text is stored in a separate file

Answer №1

Similar questions

Solving Unique Data Types Directly in the Root of GraphQL

Erasing a comment creates empty spaces

How can one continue repeating a series in async.js until an unforeseen error arises?

Send a bundle of data through AJAX requests

The issue with property unicode malfunctioning in bootstrap was encountered

Difficulty comprehending the response from an AJAX post is being experienced

Error in Typescript: Cannot assign type 'string[]' to type 'string'

What is the process for submitting a post request with custom fields to the Wordpress rest api?

Pass the $scope object from a controller to a modal controller

Tips for resolving TS7022 issue within Vue Composition API

Using JavaScript to dynamically retrieve element IDs

Troubleshooting Vue.js Error: Uncaught ReferenceError - jQuery Undefined

Interested in accessing JSON data from another domain? CORS has got you covered

Stop the interval once the route is altered in Angular 2

Can anyone explain the meaning of (0, _jquery["default"]) in relation to jQuery selectors or functions?

Include a link in the email body without displaying the URL

The Materialize CSS tabs are aligning vertically below each other, but functioning correctly upon refreshing the page

What is the best way to merge two approaches for tallying items within each category?

Troubleshooting issue with Django development server causing HTML5 video element to become non-seekable

Assistance needed with generating unique IDs in MongoDB