Include external .js files in Angular

Question

SimonIoa 77 Master Poster

3 Years Ago

Hello i want to add external .js files into my Ionic Angular Project

Ionic CLI : 5.4.16 (/usr/local/lib/node_modules/ionic)
Ionic Framework : @ionic/angular 5.2.3
@angular-devkit/build-angular : 0.901.11
@angular-devkit/schematics: 9.1.11
@angular/cli : 9.1.11
@ionic/angular-toolkit: 2.3.0

Utility:
cordova-res (update available: 0.15.2) : 0.15.1
native-run (update available: 1.3.0) : 0.3.0

I created a js folder into assets and i put the files into it. This is how i call them in index.html

<body>
  <app-root></app-root>
  <script type="text/javascript" src="./assets/js/jquery-2.1.4.min.js"></script>





  <script type="text/javascript" src="./assets/js/jquery-2.1.4.min.js"></script>
  <script type="text/javascript" src="./assets/js/charts.js"></script>
  <script type="text/javascript" src="./assets/js/isotope.pkgd.min.js"></script>
  <script type="text/javascript" src="./assets/js/jquery-ui.min.js"></script>
  <script type="text/javascript" src="./assets/js/jquery-2.1.4.min.js"></script>
  <script type="text/javascript" src="./assets/js/jquery.canvasjs.min.js"></script>
  <script type="text/javascript" src="./assets/js/jquery.countTo.js"></script>
  <script type="text/javascript" src="./assets/js/jquery.easy-autocomplete.minjs"></script>
    <script type="text/javascript" src="./assets/js/bootstrap.min.js"></script>     
    <script type="text/javascript" src="./assets/js/idangerous.swiper.min.js"></script>
    <script type="text/javascript" src="./assets/js/jquery.mixitup.js"></script>
    <script type="text/javascript" src="./assets/js/jquery.viewportchecker.min.js"></script>
    <script type="text/javascript" src="./assets/js/filters.js"></script>
  <script type="text/javascript" src="./assets/js/global.js"></script>
  <script type="text/javascript" src="./assets/js/script.js"></script>
  <script type="text/javascript" src="./assets/js/sortable.js"></script>
  <script type="text/javascript" src="./assets/js/magnific.js"></script>
  <script type="text/javascript" src="./assets/js/map.js"></script>
  <script type="text/javascript" src="./assets/js/wow.js"></script>
</body>

angular ionic

Edited 3 Years Ago by SimonIoa

2 Contributors
1 Reply
794 Views
4 Hours Discussion Span
Latest Post 3 Years Ago Latest Post by rproffitt

Reply to this topic

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.

rproffitt 2,572 "Nothing to see here." Moderator · Answer 1 · 2021-01-25T21:25:35+00:00

Nod to https://www.w3schools.com/tags/att_script_type.asp first.
Why are lines 3 and 9 identical? Should be (after you correct your code) just one instance.
Back to item 1, when we use <script type= we usually see the script code there.
Example at https://www.w3schools.com/tags/att_script_src.asp

Or for line 3 it might actually be written:
<script src="./assets/js/jquery-2.1.4.min.js"></script>