当我更改视图时，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>