我正在使用 Durandal 2.0.1 我有一个登录页面,成功登录后,启动屏幕带有一个加载栏并下载 SPA 所需的所有文件。
我试图以这样的方式修改它的行为,我试图在登录页面下载所有必需的文件并摆脱启动画面。
我可以在登录页面下载文件,但无法摆脱启动画面,因为一旦我删除启动画面,SPA 就不会被加载。
欢迎任何建议或解决方案。
提前致谢。
我正在使用 Durandal 2.0.1 我有一个登录页面,成功登录后,启动屏幕带有一个加载栏并下载 SPA 所需的所有文件。
我试图以这样的方式修改它的行为,我试图在登录页面下载所有必需的文件并摆脱启动画面。
我可以在登录页面下载文件,但无法摆脱启动画面,因为一旦我删除启动画面,SPA 就不会被加载。
欢迎任何建议或解决方案。
提前致谢。
虽然默认情况下大多数 Durandal 示例都带有启动画面,但添加启动画面是可选的。
<body>
<div id="applicationHost">
<div class="splash">
<div class="message">
Durandal Starter Project
</div>
<i class="icon-spinner icon-2x icon-spin active"></i>
</div>
</div>
<script src="lib/require/require.js" data-main="app/main"></script>
</body>
摆脱闪屏可以通过删除div.splash
. 确保不要意外移除#applicationHost
,因为 Durandal 需要该容器。有关我的信息,请参阅http://dfiddle.github.io/dStream/#search/applicationHost。
<body>
<div id="applicationHost">
<!-- Whatever is in here will be overwritten when Durandal has finished loading -->
</div>
<script src="lib/require/require.js" data-main="app/main"></script>
</body>
听起来你想做一些预取。
如果是这种情况,您应该监控预取链接关系的状态。同时,您可以使用PreloadJS 之类的东西。如果您想知道这些预取器是如何工作的(或者想自己实现一些东西),请查看这篇文章以获得一些建议。
PS 不过,你的问题让我有些恼火;您似乎暗示只要使用启动画面,您想要的行为就可以工作。您是否监控网络以验证这一点?此外,您可能想快速描述要准确预取的数据类型。