javascript - 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”指令来解决