0

I have a script in AngularJS that only runs when I have this line

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.1/angular.js">

now I want my method to have its own javascript file so I can just reference that,but there is no import or anything.

How is this traditionally done where you import a link? should I just go download that file at that link and import it into the project?

Phix
  • 9,364
  • 4
  • 35
  • 62
stack flow
  • 75
  • 6

2 Answers2

1

To do this this in your one file, you would need to load the file from the <script> tag manually. It's not too hard. By adding a script tag, you would have to wait for it to load until your code ran. Here is how you would do it. At the top of your file, you would add the following. 

// Create a script tag manually
var angularJsScriptTag = document.createElement('script');

// Set the src on the script tag to your CDN version of AngularJS
angularJsScriptTag.src = "https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.1/angular.js";

// The script won't load until you append it to the document. So append it to the head
document.head.appendChild(angularJsScriptTag);

// Add a listener for when the AngularJS had loaded. Once it's loaded, run your own code. 
angularJsScriptTag.onload = function() {
  // Call a function to execute your code in this onload callback. 
  // This code won't run until that AngularJS script has loaded. 
}
frosty
  • 21,036
  • 7
  • 52
  • 74
0

If you have a vanilla JS file to include, you would simply use the same <script src="myFile.js"> tag in the html file to bring it in.

If the file is hosted somewhere that you trust (and is not going to change causing a problem for your application) then you can go ahead and link it the same way you have here. however otherwise it would be prudent to host it along with your application.

possible duplicate of How do I include a JavaScript file in another JavaScript file?

Ant Perry
  • 1
  • 3
  • how can I import this file as a library in A .JS file if I don't it just says "angular module is not loaded" and thats the reason I have that above there basically how can I do – stack flow Oct 03 '19 at 17:13
  • I was investigating this a little more and it seems that once you have pulled the js file in with import, you would then need to bootstrap your angular application by hand (as opposed to automatic bootstrapping offered by angular.js out the box) – Ant Perry Oct 09 '19 at 12:07