Loading and Using JavaScript in Angular

[@ItaloSaager]

Thank you mate! worked here!!! I was strougling cause I've never worked with Angular before, I accepted a job that requires this framework and I didn't knew why my script wasn't working. Thank you so much!

[@mrdiamod]

Hello, bro! You best, you helped me solve a problem! You video helped me understand how to include my file.js when I go from one page to two, that works my file.js!
Thank you, bro!

[@iroshanaravishan1388]

The point is WE NEES TO RESTART TRH SERVER. I tried many, but didn't work any for me.. If the code is not working, please restart the server... Great Vdo😀🙌

[@sathyavarthanb331]

Thanks it was really helpful

[@nunogoncalves966]

The declare function method doesn't seem to work in Angular 13. Do you happen to have a work-around for it? Thanks.

[@kenCapt8]

Hello I have a question, in timestamp 2:12 what if you have more than one local js file how are you going to include them or even the external js file that is not in your local project

[@riadamghar6380]

i have a question if you can respond pls , does it work on angular 18 ?

[@codewithbenji]

this was helpful thanks

[@ayushaher5022]

love you bro... helped a lot

[@juanreneguzmann.404]

Love you mannnnn,

[@amirkian1181]

If the external js file is a library what we should do?

[@Codeible]

Should only need to include the path to the folder.

[@seifmoustafa3005]

Hello sir I did exactly as you did in the video. However, I can't access elements using document.querySelector or document.querySelectorAll. Only alert and console.log work but the JS file can't access the html elements inside my component. Please provide help

[@Codeible]

Hello, if your scripts uses the document object, you will need to do it in the component.

[@seifmoustafa3005]

@@Codeible would you please tell me how?

[@Codeible]

@@seifmoustafa3005 Is it a local file?

[@seifmoustafa3005]

@@Codeible yes

[@seifmoustafa3005]

@@Codeible sorry I meant to say no

[@marcelinoatallah1186]

Hello sir, if i need to include my js file but only after 'ng serve' and not on reload page

[@Codeible]

Hello, what do you mean?

[@Billiam112]

Let's say you have a deployed script you'd want to fetch and execute, e.g. a custom script for enhancing application functionality I.e. extensibility, how would you do that?

[@louisyan135]

Do you mean calling a REST API?

[@Billiam112]

@@louisyan135 Yeah, so in my use case, customers can create scripts themself to extend/customize the application, e.g disabling a form field they wish never to be enabled (the system is an ERP system), which they can "install" I.e. upload to a server which then the client will call via rest. We have this in place for the old jquery client, but we're now rewriting with angular. Not seeing how one can go about this in a secure way. 🤔

[@Codeible]

Hello,
You need to use the HTTPClient module from Angular.
I can make a video on that soon.
What you need is to
1) Inject HTTPClient to the component
constructor(private client: HttpClient)
2) Then call get, post, delete, or put
For more in depth, you can use this documentation for now:
angular.io/guide/http

[@Billiam112]

@@Codeible Thanks, but that's not my main concern. I've been working with angular for many years so I have a good understanding about most of the framework. Definitely http client is used for getting the data/script from the server, my main concerns is security when it comes to loading in some external script in the application. I think I would want to provide users with an scripting api they can use, I.e predefined functions they can call from the script which I can have at least some control of. Oh well, a problem for another workday... 😊

[@renzo1131]

Thanks bro

[@capybaratech377]

Thank you for the quick tip. But If I declare the function inside the Constructor() the page crashes. After I left the constructor empty it worked. I don't know why. God bless

[@Codeible]

Hello, what do you mean declare the function insided the constructor?
Do you mean declare var ...? You need to do that outside the component.

[@capybaratech377]

@@Codeible Ooooooh. my bad. I'm very noob at Angular. It's very confusing. Thank you for the help. Now it's working. God bless

[@trungthong7212]

how to run popup in file js when file js is not declare in file ts?

[@Codeible]

Is file.js a file you have?

[@IndieGuvenc]

thanks

[@richardramos7267]

thanks, it still confuse me why angular is like this, I just need to simply add a script to my file.

[@skaffen]

Not working in 2023

[@bilalekmen4225]

const amazingMan = 'Codeible';
console.log('thanks for this nice video ' + amazingMan)