angulaire.js - angulairejs utilise oclazyload pour charger ui-grid

Question

Section de configuration de $ocLazyLoadProvider

          {
              name: 'ui.grid',
              files: [
                  'vendor/modules/angular-ui-grid/ui-grid.min.css',
                  'vendor/modules/angular-ui-grid/ui-grid.min.js'
              ]
          },

---

partie ui-routeur

---

.state('app.account.account_M',{
   url:'/account_M',
                  templateUrl:'tpl/account_account_M.html',
                  resolve: {
                     deps: ['$ocLazyLoad',
                        function( $ocLazyLoad ){
                          return $ocLazyLoad.load(['ui.grid']).then(
                              function(){          
                                  return $ocLazyLoad.load('js/controllers/account_M.js');
                              }
                          );
                      }]
                  }
              })
          

Ce n'est pas un problème, mais ui-grid sépare de nombreuses fonctions si vous souhaitez les utiliser, vous devez en injecter plusieurs
à partir de ui-grid.min.js. En conséquence, je l'ai écrit comme suit <. 🎜>$Section de configuration de ocLazyLoadProvider

             {
                  name: 'ui.grid',
                  files: [
                      'vendor/modules/angular-ui-grid/ui-grid.min.css',
                      'vendor/modules/angular-ui-grid/ui-grid.min.js'
                  ]
              },
              {
                  name: 'ui.grid.resizeColumns',
                  files: [
                      'vendor/modules/angular-ui-grid/ui-grid.min.css',
                      'vendor/modules/angular-ui-grid/ui-grid.min.js'
                      
                  ]
              },
              {
                  name: 'ui.grid.expandable',
                  files: [
                      'vendor/modules/angular-ui-grid/ui-grid.min.css',
                      'vendor/modules/angular-ui-grid/ui-grid.min.js'
                      
                  ]
              },
          

partie ui-routeur

.state('app.account.account_M',{
                  url:'/account_M',
                  templateUrl:'tpl/account_account_M.html',
                  resolve: {
                     deps: ['$ocLazyLoad',
                        function( $ocLazyLoad ){
                          return $ocLazyLoad.load(['ui.grid','ui.grid.resizeColumns','ui.grid.expandable']).then(
                              function(){          
                                  return $ocLazyLoad.load('js/controllers/account_M.js');
                              }
                          );
                      }]
                  }
              })
          

Mais ça ne peut certainement pas être comme ça. Cela devrait charger ui-grid.min.js et css plusieurs fois. Que dois-je faire ? Veuillez me donner quelques conseils

Answer 1

{
          name: 'ui.grid.*',
          files: [
            'static/bower_components/angular-ui-grid/ui-grid.min.js',
            'static/bower_components/angular-ui-grid/ui-grid.min.css',
            'static/bower_components/angular-ui-grid/ui-grid.css'
          ]
}

Problèmes que j'ai déjà vus