zoukankan      html  css  js  c++  java
  • 0006-数据注入

      当我们想展示一个列表时,传统的方式是我们进入到某个页面后发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引用就好了。

  • 相关阅读:
    转数组
    字符串分割(分行)
    字符串操作:判断相等、判断首尾、大小写转换
    字符串操作:索引位置、去空格、替换字符串
    数组(遍历、转置、元素替换、排序、复制)
    专利申请教程
    循环语句
    条件语句
    输入
    h.264直接预测
  • 原文地址:https://www.cnblogs.com/whiteHome/p/5435208.html
Copyright © 2011-2022 走看看