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 中，脚本会被加载，我可以看到动画或我在{{1并且在index.html l中被调用但如果我在家并单击菜单中的链接1，则视图会更改，但动画或警报...不起作用。

我在控制台和link1.component.htm中没有收到任何错误我只是加载了这两个脚本：

index.html

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>

更改视图时，Angular2不会加载自定义脚本

1 个答案: