2016-02-23 31 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等(