JavaScript Angular config according to environment (dev, staging, production)

It's silly, I know - every time I change environment I comment out and back my app's config factory. There must be a better way, is there?

I though of checking the URL but this seems like a bad practice. The other option I had in mind was using some sort of an gulp NPM during the build process - however development has no build process.

angular.module('myApp.services')
    .factory('GemsConfig', function () {
        return {
            //apiServer: "http://localhost:3000/v2/",
            //apiServer: "https://staging.gems.org/v2/",
            apiServer: "https://api.gems.org/v2/",
            //giphyServer: "http://api.giphy.com/v1/gifs/",
            giphyServer: "https://api.giphy.com/v1/gifs/",
            TTL: 5000,
            OS: 'web',
            version: '1.1',
            apiVer: '2.0',
            checkBalanceEveryXSeconds: 600,
            //giphyKey: 'xxx',    // testing
            giphyKey: 'xxxx'
        };

    })

Answer:1

Please explain simply when/why I need to use bind()

When would I do <CustomComponent function = {this.FunctionName}/> instead of <CustomComponent function = {this.FunctionName.bind(this)}? React's documentation mentions that bind() solves ...

please simply explain

recursive .find() returns the wrong obj

I have a small issue with a recursive .find() . when I use it to find ID === 2, it returns be the object with ID === 1 ... I have been scratching my head and I don't understand why that happens my ...

Hide/Show part of the form on click. How to debug?

I'm learning JS/Jquery and I'm trying to make a part of a form show and hide when clicking on part of the form. I am able to open part of the form, but not to close it again. As there is no error ...

show hide part of text jquery
css-only hide/show part of table
show hide part of div

Canvas Rotate and Translate problems [duplicate]

I'm trying to correctly orient an image uploaded to a canvas from Apple devices. Here's a sample of my code to correctly orient something with EXIF orientation 6 ctx.rotate(0.5 * Math.PI); ctx....

canvas rotate translate
canvas rotate transform
js canvas rotate translate
canvas scale rotate translate
html canvas translate rotate
javascript canvas translate rotate