angular2绑定仅在鼠标移动后适用

angular2 binding applies only after mouse movement

本文关键字:移动 鼠标 绑定 angular2      更新时间:2023-09-26

我是angular2的新开发人员,目前我的应用程序面临渲染问题。我使用@angular@2.0.0-rc.1对于我的应用程序和router-deprecated@2.0.0-rc1对于我的路由,每当我点击链接时,页面的静态内容都会立即加载,只有当我用鼠标点击或悬停在链接上进行一些交互时,才会发生绑定(动态内容(。我尝试了各种选择,但还是想不通。

如有任何帮助,我们将不胜感激。

包含JS文件的顺序很重要。这个问题发生在我没有的时候。

<script src="/lib/shim.min.js"></script>
<script src="/lib/system.js"></script>
<script src="/lib/system-polyfills.js"></script>
<script src="/lib/Reflect.js"></script>
<script src="/lib/zone.js"></script>

正如bryanm所提到的,js文件的顺序很重要,这些脚本标记的位置也很重要。在我的angular2.rc.4环境中,订单是

<script src="node_modules/es6-shim/es6-shim.js">
<script src="node_modules/reflect-metadata/Reflect.js">
<script src="node_modules/systemjs/dist/system.src.js">
<script src="node_modules/zone.js/dist/zone.js">

它必须放在body标记的末尾,刚好在加载systemjs-config脚本的上方。