How to update a variable from external javascript file in Angular/Typescript

Question

I need to update from an Angular project a variable from external javascript file

First I import the variable in my Angular component, and then I try to update it but I don't know how to do it

Little example of my Angular component:

import { Component } from '@angular/core';
import { externalText } from './external.js';

...


export class AppComponent  {
  myText = externalText;

  changeText() {

    // This works, but I need to update the variable from external file directly
    this.myText = 'Text updated'

    // I need something like this 
    // externalText = 'Text updated'
  }
}

I create this Stackblitz with an example:

https://stackblitz.com/edit/angular-hczxhh

Expected: be able to update the information in the Javascript file from my Angular component

Please provide a minimal reproducible example as code in the question itself. This question becomes useless for future readers if/when the link dies. — AVJT82
– AVJT82, Commented Sep 10, 2019 at 10:50
You can't save in a file using client-side script, you have to use some server-side scripting likePHP, NodeJS,.NET etc. to save something in a file. — jitender
– jitender, Commented Sep 10, 2019 at 10:53
@Jgascona no you will need some server side code using ts or js only you can't do this — jitender
– jitender, Commented Sep 10, 2019 at 11:05
@Jgascona, I thinks you can't do this. If i were you, build a service to read the property from your external.js or from session cache. If you don't have any in cache them read from external.js. If you want update the value change the cache value. — Miguel Pinto
– Miguel Pinto, Commented Sep 11, 2019 at 9:40

Jgascona · Accepted Answer · 2019-09-10 13:16:39Z

2

Finally, I just created a function in my .js file that overwrites this variable with the content provided by angular. Then I exported this function in order to use it in the Angular component.

Javascript file:

export function updateText(myText) {
  externalText = myText
}

Angular component:

import { externalText, updateText } from './external.js';

export class AppComponent  {
  myText = externalText;

  changeText() {
    updateText('Problem solved')
  }
}

Thanks you all a lot for your answers.

answered Sep 10, 2019 at 13:16

Jgascona

1,2692 gold badges14 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to update a variable from external javascript file in Angular/Typescript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related