2016-02-23 28 views
1

我想在angular2我不知道如何为包括angular2

的index.html使用js文件和jQuery功能,这样的js文件和使用jQuery,我输入

<head> 
 
    <script>document.write('<base href="' + document.location + '" />');</script> 
 
    <meta charset="utf-8"> 
 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
 
    <title></title> 
 

 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/es6-shim/0.33.3/es6-shim.min.js"></script> 
 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.20/system-polyfills.js"></script> 
 

 
    <script src="https://code.angularjs.org/2.0.0-beta.6/angular2-polyfills.js"></script> 
 
    <script src="https://code.angularjs.org/tools/system.js"></script> 
 
    <script src="https://code.angularjs.org/tools/typescript.js"></script> 
 
    <script src="https://code.angularjs.org/2.0.0-beta.6/Rx.js"></script> 
 
    <script src="https://code.angularjs.org/2.0.0-beta.6/angular2.dev.js"></script> 
 
    <script src="https://code.angularjs.org/2.0.0-beta.6/router.dev.js"></script> 
 
    <script src="https://code.angularjs.org/2.0.0-beta.6/http.dev.js"></script> 
 

 
    <script src="javascript file path"></script> 
 
    
 
<script> 
 
System.config({ 
 
    typescriptOptions: {emitDecoratorMetadata: true}, 
 
    packages: {'modules': {format: 'register', defaultExtension: 'js'}} 
 
}); 
 

 
System.import('modules/app/main') 
 
    .then(null, console.error.bind(console)); 
 
</script> 
 
</head> 
 
<body> 
 
<my-app></my-app> 
 
</body>

到index.html,然后我可以确认使用

铬调试工具的“网络”导入的JavaScript文件。它有一个正常流动是

JavaScript文件导入angular2文件,如.TS之前进口和.js文件

但它不工作。

我不知道为什么JavaScript文件不工作。

请帮帮我。

+0

您的代码不可见,您可能需要编辑您的问题以包含您的代码。 –

回答

2

你只是包括jQuery库在index.html,然后在底部您的组件类(export class xyz{}

declare var jQuery: any 

之外,那么,你将能够使用jQuery(“#的东西”)。 ...

+0

Wah Great !! thanx表示真棒答案,但类的组件仍然显示红色警告为什么?很好, –

+0

谢谢你的回答,但是我想知道如何在index.html中包含js文件,因为渲染后lar2,它们不包括在index.html中,如jquery.js,bootstrap.min.js等(