當我更改視圖時，Angular2不加載自定義腳本

Question

我仍然在學習Angular 2，所以我可能在這裏做錯了什麼。

我有一個HTML/CSS模板，我試圖使其與角2 我已經創建了幾個組件的一個Angular2項目工作...

在app.component.html我有我的菜單

<ul class="clearfix"> 
    <li><a [routerLink]="['/']">Home</a></li> 
    <li><a [routerLink]="['/link1']">Link1</a></li> 
    <li><a [routerLink]="['/link2']">Link2</a> </li> 
</ul> 

當我點擊它改變了以我所做的成分菜單的一個項目 - 例如，當我點擊鏈接1它顯示我的鏈接1部分（link1.component.html）

認爲在index.html我

<app-root>Loading...</app-root> 

，我已經加載的所有的CSS和JS文件，所以這裏的問題，當我點擊菜單中的觀點變化，但Angular2在不加載加載index.html中它的唯一的Javascript那麼當我把直接鏈接。

更清楚，如果我把直接鏈接在瀏覽器中本地主機：4200 /鏈路1腳本被加載，我可以看到動畫或什麼我有一個裝在index.html，被稱爲link1.component.htm升但如果我在家並點擊菜單中的鏈接1，則視圖更改，但動畫或警報...不起作用。

我也不在控制檯收到任何錯誤和index.html我只加載這兩個腳本：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script> 
<script type="text/javascript" src="/assets/js/site.min.js"></script> 

Answer 1

加載所有外部index.html文件中的腳本。

對於您的情況，您應該在index.html文件的頭部段中包含以下標記。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script> 
<script type="text/javascript" src="/assets/js/site.min.js"></script>