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

Question

我仍在學習Angular 2，因此我在這里可能做錯了什么。

我有一個HTML / CSS模板，我正在嘗試使其與Angular 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>

當我單擊菜單中的一項時，它將視圖更改為我制作的組件-例如，當我單擊Link1時，它將向我顯示link1組件的視圖（ link1.component.html ）

在index.html我有

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

並且我已經加載了所有CSS和JS文件，所以這里的問題是，當我單擊菜單上的視圖更改時，但是Angular2沒有加載index.html中加載的Javascript，只有當我放置直接鏈接時才這樣做。

更清楚地說，如果我將直接鏈接放置在瀏覽器localhost：4200 / link1中 ，腳本將被加載，並且可以看到動畫或我在index.html中加載並在link1.component.htm被調用的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>