2 shaokuitao shaokuitao 于 2014.08.18 11:11 提问

angular ui-router 画面加载很慢

在IE下用UI-router从一览画面点击按钮跳转到详细画面,路由很慢5秒左右。点击详细按钮后会加载Controller和HTML(都是独立文件),加载controller时通常2秒左右但是不固定,controller里面处理完成后就1秒左右,在这之前详细画面一直没有展现(也就是一直在一览画面),n秒后详细画面直接展现出来,这个过程对用户太不友好了,不知大家是否遇到过或帮我想想办法。

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
Angular ui-router同时加载多个视图,根据不同url在同一个视图切换内容模板
Angular ui-router同时加载多个视图,根据不同url在同一个视图切换内容模板。目的:点击sidebar切换在container中切换视图 入口页面 index.html 包含一个没名ui-view 登录页面 login.html 登录按钮ui-serf=”home” 主页面 home.html 包含三个有名ui-view 分别是header\sidebar\contai
angular 路由,ui-router,ocLazyLoad的使用
angular按需加载js、css,动态加载js,angular 路由,ui-router,ocLazyLoad的使用.
AngularJS ui-router 用resolve、service预先加载数据的正确写法
AngularJS的service怎么声明此处就不再赘述,下面的例子是ui-router中使用service的实现代码$stateProvider.state('myState', { url: "/itemDetail/:itemId", templateUrl:"view/item.detail.html", resolve:{ //你
AngularJs、RequireJs、AngularAMD、ui-router搭建的JS文件动态加载
如今页面的复杂度极高,需要加载的脚本文件极多,降低了用户体验,所以写了这个动态加载脚本的demo,欢迎交流:1. 主页:requireJs 入口:data-main="mian.js",如下:<!DOCTYPE HTML> <head> <meta charset="utf-8"> <link rel="stylesheet" href=&qu
angular1x初始与架构演进(三)Ui-Router+OcLazyLoad加载模块
七月份的时候有写过一篇OcLazyLoad文章,当时只是初略了解了一下,是为了解决当前项目加载模块过多的问题,但是最后发现项目中模块间耦合性过于复杂,然后项目给出的时间也不是很多,后面就放弃了,这次新项目中使用了。 加载js+css: angular.module('myRouters', ['ui.router', 'oc.lazyLoad']) .config(['$statePr
Angular-Ui-Router+ocLazyLoad动态加载脚本
在使用angular过程以前同事是采取一次性加载方式,在index页面一次性加载所有的js跟css,这种加载方式只适合教学和小型项目中,中大型不建议使用,加载速度影响到用户体验。 在使用了Ui-Router以后,我第一想法就是把每个功能组件化,在请求视图的时候再去加载该页面js和css,index页面主要加载必须文件:angular.js 于是尝试了下,这样去写,但是发现angular报错,原
AngularJS的ui-router第一次点击激活路由加载页面,再次点击就没用,如何实现每次点击都激活加载路由一次
解决方法: xxxx
Angularjs1.x+ocLazyLoad+angular-ui-router+ui-router-extras
前言总是听人说angularjs的学习曲线很高,个人认为ng的难度是有的,但是要说难到哪里,其实也不见得。总结来说,ng比较有难度的地方应当是路由和lazy加载。今天就把这部分内容通过一个小示例分享给大家。依赖 Angularjs angular-ui-router ui-router-extras.js ocLazyLoad.js 项目包结构代码index.html<!Doctype html>
学习angular ui-router - 管理状态
参考原文:https://github.com/angular-ui/ui-router/wiki ui-router 的工作原理非常类似于 Angular 的路由控制器,但它只关注状态。 在应用程序的整个用户界面和导航中,一个状态对应于一个页面位置通过定义controller、template和view等属性,来定义指定位置的用户界面和界面行为通过嵌套的方式来解决页面中的一些重复出现
angular ui-router:简单的单页面嵌套路由的实现过程
写在前面: ui-router是angular的一个插件,因为angular前面几个版本自带的原生ng-router不能很好的满足开发需求,所以在实现angular单页面嵌套的时候,都是使用ui-router。本文是的内容关于angular ui-router实现过程,内含demo以及代码地址,需要的朋友可以过来参考下,喜欢的可以点波赞,或者关注一下本人,ui-router的实现过程并不复杂,希