码迷,mamicode.com
首页 > 其他好文 > 详细

0006-数据注入

时间:2016-04-26 15:49:43      阅读:132      评论:0      收藏:0      [点我收藏+]

标签:

  当我们想展示一个列表时,传统的方式是我们进入到某个页面后发AJAX请求,请求数据,ui-router提供给我们一种方式,可以在进入页面前将数据请求到,然后再进入页面,

这种方式的目的在于,防止在进入页面后,请求数据的过程中,页面没有数据内容而中白屏。通过ui-router的resolve属性,我们可以将多个值再请求到后传给controller。

  这里举个栗子:

  

//这个是路由文件
.state(‘persons‘,{
        parent: ‘site‘,
        url: ‘/persons‘,
        data: {
            
        },
        views: {
            ‘content@‘: {
                templateUrl: ‘person-list.html‘,
                controller: ‘PersonListController.js‘
            }
        },
        resolve: {
            persons:[‘PersonService‘,function(PersonService){
                return PersonService.query({})
            }]
        }
    })
//这个是控制器
‘use strict‘;

angular.module(‘MyApp‘)
    .controller(‘PersonListController‘, function ($scope, $state, persons) {

        $scope.persons = persons;

    });

  我们可以看到,在路由的resolve中,定义了一个persons的数据,在controller中直接通过persons引用就好了。

0006-数据注入

标签:

原文地址:http://www.cnblogs.com/whiteHome/p/5435208.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!