angularjs的懒加载

本文介绍如何使用AngularJS中的ocLazyLoad实现懒加载依赖模块。通过配置和路由设置,可以按需加载特定模块及其控制器,有效提升应用性能。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1angularJS懒加载依赖模块

//设置

.config [

      '$ocLazyLoadProvider'

      ($ocLazyLoadProvider) ->

        # We configure ocLazyLoad to use the lib script.js as the async loader

        $ocLazyLoadProvider.config

          debug: true

          events: true

          modules: [

            {

              name: 'ui.grid'

              files: [

                '//cdn.bootcss.com/angular-ui-grid/3.1.1/ui-grid.js'

              ]

            }

          ]

        return

    ]

//路由

.state 'admin.user.123', {

      url: '123/'

      templateUrl: '123.html'

      controller: '123Ctrl'

      resolve: {

        deps: ['$ocLazyLoad',

          ($ocLazyLoad)->

            return $ocLazyLoad.load('ui.grid').then(

              ()->

                return $ocLazyLoad.load('123Ctrl.js')

            )

        ]

      }

      data: {title: '123'}

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值