title: How to call an external jQuery functions in angular
body: <p>I am working on an Angular CLI Project where I need to call some jQuery functions.</p>
  
  <p>I have included my js in the <strong>angular.json</strong> file:</p>
  
  <pre><code>"scripts": [
      "node_modules/jquery/dist/jquery.min.js",
      "src/custom.js"
  ]
  </code></pre>
  
  <p><strong>jQuery function</strong>:</p>
  
  <pre><code>function A() { alert('A'); }
  function B() { alert('B'); }
  </code></pre>
  
  <p>I have imported jQuery in my component where I need to call these jQuery functions :-</p>
  
  <pre><code>import * as $ from 'jquery';
  </code></pre>
  
  <p><strong>tsconfig.app.json</strong> :</p>
  
  <pre><code>{
    "extends": "../tsconfig.json",
    "compilerOptions": {
      "outDir": "../out-tsc/app",
      "allowJs": true,
      "baseUrl": "./",
      "module": "es2015",
      "types": []
    },
    "exclude": [
      "test.ts",
      "**/*.spec.ts"
    ]
  }
  </code></pre>
  
  <p>Now, how to import <strong>custom.js</strong> in my component and how to call these functions A &amp; B?</p>