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

时间:2017-09-06 15:56:24

标签: javascript jquery angularjs angular-ui-router lazy-loading

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'
                        ]);
                    }
                }
            })
    });

1 个答案:

答案 0 :(得分:0)

模板无法识别小部件,因为"数据小部件网格"指令不能包含在另一个DIV中。

我刚刚解决了删除" data-widget-grid"来自孩子们的指示