ビューを変更したときにAngular2がカスタムスクリプトを読み込まない

Question

私はまだ角2を学んでいるので、ここで間違っているかもしれません。

私はHTML/CSSテンプレートを持っていると私はそれが私がいくつかのコンポーネントとAngular2プロジェクトを作成した角度2 で動作するようにしようとしています... 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）の図を示しているLINK1私がクリックしたときに例えば

で私はそれだけのindex.htmlにロードされた

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

と私はすべてのCSSやJSファイルをロードしているので、ここでの問題、私はメニューの表示の変更が、Angular2をクリックしてくださいJavascriptをロードしないを持っています私は直接リンクを置くときそれを行います。私はブラウザに直接リンクを置けば

はより明確にするはlocalhost：4200 /リンク1スクリプトがロードされると、私はアニメーションや何でも、私はそのindex.htmlにロードされたているとlink1.component.htmリットルで呼ばれていましたが見ることができました私が自宅にいて、メニューの[リンク1]をクリックした場合、アニメーションやアラートの表示は変わりますが、動作しません。

私は、コンソールにエラーを取得しないとindex.htmlに私は、これらの2つのスクリプトロードしています：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ファイルの先頭部分に次のタグを含める必要があります。

<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>