Ui.Router 使用 lazyLoad 导入 JS 文件，但按钮失去功能

Question

SmartAdmin 模板使用 lazyScript 导入 JS 文件，它工作正常，一切正常，但是当我在页面之间导航时，Ui 按钮停止工作。我无法理解，因为文件在页面中递增，每当我使用 F5 时，它们只在该页面返回工作...

angular.module('app.analytics', ['ui.router'])
        .config(function($stateProvider, $urlRouterProvider) {

          $stateProvider
             .state('app.equipmentManagement', {
                url: '/gestao-de-equipamento',
                views: {
                    "content@app": {
                        templateUrl: 'app/views/equipmentManagementAnalytics.html'
                    }
                },
                data:{
                    title: 'Analytics'
                },
                resolve: {
                    scripts: function(lazyScript){
                        return lazyScript.register([
                            'build/vendor.graphs.js',
                            'build/vendor.ui.js'
                        ]);
                    }
                }
            })
            .state('app.eventFrame', {
                url: '/event-manager',
                views: {
                    "content@app": {
                        templateUrl: 'app/views/eventManager.html'
                    }
                },
                data:{
                    title: 'Event Manager'
                },
                resolve: {
                    scripts: function(lazyScript){
                        return lazyScript.register([
                            'build/vendor.graphs.js',
                            'build/vendor.ui.js'
                        ]);
                    }
                }
            })
    });

Answer 1

模板无法识别小部件，因为 "data-widget-grid" 指令不能包含在另一个 DIV.

中

我刚刚通过从子项

中删除 "data-widget-grid" 指令来解决