title: External JavaScript Not Working properly in Angular 5
body: <p>Hi i want to help in Angular 5. I am using external java scripts files without using node modules for Owl.Carousel. but the Owl.Carousel are not working. In <code>angular-cli.json</code> i have link my js files like this </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>"scripts": [
  
          "././assets/js/jquery-2.2.4.min.js",
          "././assets/js/Owl.Carousel.js",
          "././assets/js/slick.min.js",
          "././assets/js/active.js"
        ],</code></pre>
  </div>
  </div>
  </p>
  
  <p>I have also try to embed the js file in <code>index.html</code> like this </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;body&gt;
   &lt;app-root&gt;&lt;/app-root&gt;
   
      &lt;script src="././assets/js/jquery-2.2.4.min.js"&gt;&lt;/script&gt;
     
      &lt;script src="././assets/js/Owl.Carousel.js"&gt;&lt;/script&gt;
      
      &lt;script src="././assets/js/slick.min.js"&gt;&lt;/script&gt;
    
      &lt;script src="././assets/js/active.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>But both of these way doesn't work and Owl.Carousel not working. And also i don't have to show any error in my console. <a href="https://i.stack.imgur.com/G5yt4.png" rel="nofollow noreferrer">My project structure is like this</a></p>