How to Import External jquery files in angular 2 template?

I have an angular 2 app which has a template in the component as follows

app.component.ts

import {Component} from 'angular2/core';
@Component({
    selector: 'my-app',
    templateUrl: 'templates/homepage.html',
    directives: []
})
export class AppComponent {
}

I need to include external jquery files in the template homepage.html

I tried including the external script files in the homepage.html as follows doesn't seems to be working

boot.ts file looks like this

/// 
import {bootstrap} from 'angular2/platform/browser';
import {AppComponent} from "./app.component";
bootstrap(AppComponent);

index.html

    
    
    
    
    
    
    
    
    
    
    
    
    
    



Loading...

I tried loading the .js files in the index.html itself but that is not working. I am fairly new to angular 2.