Problem with calling javascript from angular typescript

Question

I am trying to call javascript function from the typescript function. This is not working at all.

I have created sudo code in stackblitz. Please check the same.

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

Maybe you should clarify that you're trying to import the hello() for an external script "src/external/sample.js"... — mbojko
– mbojko, Commented Apr 13, 2019 at 18:42
This may be an issue with Stackblitz (the scripts in the angular.json specifically) as your example works in a local new project. If you put a console.log(...) statement in the sample.js file outside of that function to ensure it gets loaded, it never gets called in Stackblitz. — Daniel W Strimpel
– Daniel W Strimpel, Commented Apr 13, 2019 at 18:59
@DanielWStrimpel I think that too. But as per stavam 's answer if we export it that works well. I am not sure how export actually works with stackblitz or this is the alwasys case we should mention export for each function in javascript.? — Ketan Bhavsar
– Ketan Bhavsar, Commented Apr 15, 2019 at 5:31

Stavm · Accepted Answer · 2019-04-13 18:46:03Z

2

You can export it at one place, import it at another.

hello.js

export function hello() {
  console.log('hello world');
}

app.component.ts

import { hello } from '../external/hello.js';

@Component({
  // ...
})
export class AppComponent  {   
  buttonClick() {
    console.log('btn click called. 1.');
    hello();
    console.log('btn click called. 2.');
  }
}

DEMO

answered Apr 13, 2019 at 18:46

Stavm

8,1515 gold badges48 silver badges73 bronze badges

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

2 Comments

Ketan Bhavsar Over a year ago

Why it is working locally but not in stackblitz? I mean it is every time need to import and not just declaring it in package.jso

Ketan Bhavsar Over a year ago

Thanks for the quick answer. I have one sequential problem for which I have actually created stackblitz sudo and came across this problem. Please check this if it is the proper way to perform scenario [link][1]. [1]: stackoverflow.com/questions/55683030/…

Collectives™ on Stack Overflow

Problem with calling javascript from angular typescript

1 Answer 1

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Linked

Related