Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 用户界面视图的Css问题_Javascript_Html_Css_Angularjs - Fatal编程技术网

Javascript 用户界面视图的Css问题

Javascript 用户界面视图的Css问题,javascript,html,css,angularjs,Javascript,Html,Css,Angularjs,我试图将我的侧导航栏和标题放入ui视图中,然后我的侧导航栏似乎失去了一些样式。我不理解为什么,因为HTML与ui-view指令的使用是一样的 <body data-ng-app="app" id="app" class="app" data-custom-page data-ng-controller="AppCtrl"> <div id="loader-container"></div> <header ng-include="

我试图将我的侧导航栏和标题放入
ui视图中
,然后我的侧导航栏似乎失去了一些样式。我不理解为什么,因为HTML
ui-view
指令的使用是一样的

   <body data-ng-app="app" id="app" class="app" data-custom-page data-ng-controller="AppCtrl">
    <div id="loader-container"></div>
    <header ng-include=" 'client/app/layout/header.html' " id="header" class="header-container "></header>
    <div class="main-container">
        <aside data-ng-include=" 'client/app/layout/sidebar.html' " id="nav-container" class="nav-container"></aside>
        <div id="content" class="content-container">
            <section data-ui-view class="view-container {{main.pageTransition.class}}"></section>
        </div>
    </div>

当边栏和标题的代码位于index.html中时,它看起来很好。但是,当我将其移动到一个单独的HTML文件并使用ui视图时,网站就会变得水平

<body data-ng-app="app" id="app" class="app" data-custom-page data-ng-controller="AppCtrl">
    <div id="loader-container"></div>
    <ui-view></ui-view>   <-- renders the same code as above


如果您比较了渲染的html,可能会得到不同的结果,这取决于您是否将其渲染为单独的视图。在chrome中使用dev工具并比较呈现的html。尝试使用ng类编写动态css类。如果您比较了呈现的html,可能会得到不同的结果,这取决于您是否将其呈现为单独的视图。在chrome中使用dev工具并比较呈现的html。尝试使用ng类编写动态css类