AngularJS路由中resolve怎么用-創新互聯

小編給大家分享一下AngularJS路由中resolve怎么用，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

成都創新互聯公司是專業的館陶網站建設公司，館陶接單;提供網站設計制作、成都網站建設,網頁設計,網站設計,建網站,PHP網站建設等專業做網站服務;采用PHP框架,可快速的進行館陶網站開發網頁制作和功能擴展;專業做搜索引擎喜愛的網站,專業的做網站團隊,希望更多企業前來合作!

ng-route模塊中的when()和ui-route的state()都提供了resolve屬性。

為什么需要使用resolve？

當路由切換的時候，被路由的頁面中的元素（標簽）就會立馬顯示出來，同時，數據會被準備好并呈現出來。但是注意，數據和元素并不是同步的，在沒有任何設置的情況下，AngularJS默認先呈現出元素，而后再呈現出數據。這樣就會導致頁面會被渲染兩遍，導致“頁面UI抖動”的問題，對用戶不太友好。resolve的出現解決了這個問題。

resolve是干嘛用的

resolve屬性里的值會在路由成功前被預先設定好，然后注入到控制器中。通俗地將，就是等數據都“就位”后，才進行路由（其實我覺得也不能叫路由，因為路由是一些列的操作，其中就包括了設置resolve屬性等等）。這樣的好處就是頁面僅會被渲染一遍。



前往list.html



  HI,這里是list.html
  點擊加載list.html視圖
  點擊加載list2.html視圖
  
  {{user}}
  {{name}}
  {{age}}
  {{email}}

//js var app = angular.module('myApp',['ui.router']); app.config(["$stateProvider",function($stateProvider){ $stateProvider .state("index",{ url:'/', templateUrl:'list.html', controller:'myController', resolve:{ user:function(){ return { name:"perter", email:"826415551@qq.com", age:"18" } } } }) .state("index.list",{ url:'/list', template:'

', controller:'myController', }) .state("index.list2",{ url:'/list2', template:'

', controller:'myController', resolve:{ user:function () { return{ name:"Rose" } } } }) }]); app.controller('myController',function($scope,user){ $scope.name=user.name; $scope.age=user.age; $scope.email=user.email; $scope.user=user; });

這里省略了首頁的html,可以翻到最上面看。重點對比最后的兩個state()，可以發現第一個沒有重新設置resolve屬性，而第二個重新設置了resolve()屬性。他們雖然共用了同一個控制器myController ，但是他們的值卻不相同。
這樣，控制器的可維護性就會得到提高。

resolve: { deps: ['$ocLazyLoad', function($ocLazyLoad) { return $ocLazyLoad.load({ name: 'App', insertBefore: '#ng_load_plugins_before', files: [ 'xx/js/controllers/xx.js' ] }); }], showImgFiles: ['$ocLazyLoad', function($ocLazyLoad) { return $ocLazyLoad.load([{ name: 'App', insertBefore: '#ng_load_plugins_before', files: [ 'xx/xx/xx.css', 'xx/xx/xx.js' ] }]).then(function(){ //做些事情 }); }] }

以上是“AngularJS路由中resolve怎么用”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注創新互聯網站建設公司行業資訊頻道！

另外有需要云服務器可以了解下創新互聯建站www.cdcxhl.com，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業上云的綜合解決方案，具有“安全穩定、簡單易用、服務可用性高、性價比高”等特點與優勢，專為企業上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

老熟女激烈的高潮_日韩一级黄色录像_亚洲1区2区3区视频_精品少妇一区二区三区在线播放_国产欧美日产久久_午夜福利精品导航凹凸

重慶分公司，新征程啟航

AngularJS路由中resolve怎么用-創新互聯

HI,這里是list.html

{{user}}

{{name}}

{{age}}

{{email}}

{{name}}

{{name}}

其他資訊