angularjs - UI 显示为大空间

问题描述

我通过 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>

更改后：

索引.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 然后空间将消失。

标签： angularjsuser-interface

angularjs - UI 显示为大空间

问题描述

解决方案

推荐阅读