angularjs在进入界面前加载数据 | 您所在的位置:网站首页 › angular表格动态加载 › angularjs在进入界面前加载数据 |
angularjs在进入界面前加载数据 有时候我们需要在页面加载前就要绑定数据,比如有的图片太多就会导致在加载的过程中很慢,或者title是动态的,通过从后台取数据来改变,如果进入页面后在读取数据会导致以页面刷新数据太慢,这样就需要我们在进入页面时就把数据绑定上去 有两种办法在进入页面前进行加载: 1、使用$ionicView.beforeEnter $scope.$on('$ionicView.beforeEnter', function(event, data) { ... }) 2、在路由配置中增加提前需要加载的数据:增加resolve 在路由配置中: .state('testView', { url: '/testVuew?params', templateUrl: 'src/test/testView.html', controller: 'testViewCtrl as testView', resolve: { greeting: ['$q', 'Service', '$stateParams', '$localStorage', function($q, Service, $stateParams, $localStorage) { var deferred = $q.defer(); Service.post('Store', 'XXXXXXX').then(function(data) { deferred.resolve(data.Data);//这里返回提要提前加载的数据 }); return deferred.promise; }] } }) 然后在controller文件中注入greeting:
相关内容 angularjs中{{}}与ng-bind指令 面试中,有被问题关于{{}}与ng-bind指令的问题,在此,分享下自己的知识点。 在脚本没有加载完成时,用户会看到{{}},界面比较丑陋。 一般的解决方法: 在index.html里面使用ng-bind,其它动态加载进来的内容使用{{}} ng-bind主要就是用户数据的展示。 |
CopyRight 2018-2019 实验室设备网 版权所有 |