Question

我通过html，css，angularJS构建UI。

用户界面如下所示：

然后在此html名称的主体中：Index.html，我将所有主体切开，并将其放入另一个html文件名：baseView.html中，如下所示：

<body class="hold-transition skin-blue sidebar-mini" ng-app="mystore">
        ....this is content...
</body>

更改后：

Index.html

<body class="hold-transition skin-blue sidebar-mini" ng-app="mystore">
    <div ui-view></div>
</body>

在js文件中，我将其更改为：

之前：

function config($stateProvider, $urlRouterProvider) {
        $stateProvider
            .state('home', {
                url: "/admin",
                templateUrl: "/SPA/component/home/homeView.html",
                controller: "homeController"
            });
        //default state
        $urlRouterProvider.otherwise('/admin');
    }

之后：

 function config($stateProvider, $urlRouterProvider) {
        $stateProvider
            .state('base', {
                url: '',
                templateUrl: '/SPA/shared/views/baseView.html',
                abstract: true
            })
            .state('home', {
                url: "/admin",
                parent: 'base',
                templateUrl: "/SPA/component/home/homeView.html",
                controller: "homeController"
            });
        //default state
        $urlRouterProvider.otherwise('/admin');
    }

然后我构建，但是UI显示如下：

我不知道这个错误是什么，但是当我F12打开devtool时，该空间禁用，而当我再次运行代码时，该空间出现。

我所能看到的是该图像不存在，因此侧边栏已经升高！设置图像元素并使用src，然后空间将消失。

用户界面显得很大

0 个答案: