Typescript 侧面导航组件在aurelia的每个仪表板上重复
海!!我对Aurelia和组件不熟悉。我正在创建两个不同的仪表板,每个仪表板都有自己的侧导航和主菜单作为组件。我包括他们的方式:Typescript 侧面导航组件在aurelia的每个仪表板上重复,typescript,components,navbar,aurelia,mainmenu,Typescript,Components,Navbar,Aurelia,Mainmenu,海!!我对Aurelia和组件不熟悉。我正在创建两个不同的仪表板,每个仪表板都有自己的侧导航和主菜单作为组件。我包括他们的方式: <template> <require from="pages/components/admin/nav-bar"></require> <require from="pages/components/admin/main-menu"></require> <nav-bar></
<template>
<require from="pages/components/admin/nav-bar"></require>
<require from="pages/components/admin/main-menu"></require>
<nav-bar></nav-bar>
<main-menu></main-menu>
<div class="w-100">
<router-view ></router-view>
</div>
</template>
我有一个按钮可以在两个仪表板之间切换。我遇到的问题是:
当我打开管理仪表板时,它成功地显示了主菜单和侧导航。当我切换到员工仪表板时,员工的导航栏将被替换,但员工的主菜单位于管理员的主菜单下。当我切换回管理,同样的事情再次发生。。。最后,我得到了一堆导航条,它们彼此重叠
主菜单结构:
<template>
<div class="main_menu">
<nav class="navbar navbar-expand-lg">
<div class="container">
<div class="navbar-collapse align-items-center collapse" id="navbar">
<ul class="navbar-nav">
</ul>
</div>
</div>
</nav>
</div>
</template>
<template>
<nav class="navbar navbar-fixed-top">
<div class="container">
<div class="navbar-brand">
<a href=""><img src=/src/assets/logo.png" alt="Talos" class="img-responsive logo"></a>
</div>
<div class="navbar-right">
<form id="navbar-search" class="navbar-form search-form">
<input value="" class="form-control" placeholder="Search here..." type="text">
<button type="button" class="btn btn-default"><i class="icon-magnifier"></i></button>
</form>
<div id="navbar-menu">
<ul class="nav navbar-nav">
</ul>
</div>
</div>
</div>
</nav>
</template>
导航栏结构:
<template>
<div class="main_menu">
<nav class="navbar navbar-expand-lg">
<div class="container">
<div class="navbar-collapse align-items-center collapse" id="navbar">
<ul class="navbar-nav">
</ul>
</div>
</div>
</nav>
</div>
</template>
<template>
<nav class="navbar navbar-fixed-top">
<div class="container">
<div class="navbar-brand">
<a href=""><img src=/src/assets/logo.png" alt="Talos" class="img-responsive logo"></a>
</div>
<div class="navbar-right">
<form id="navbar-search" class="navbar-form search-form">
<input value="" class="form-control" placeholder="Search here..." type="text">
<button type="button" class="btn btn-default"><i class="icon-magnifier"></i></button>
</form>
<div id="navbar-menu">
<ul class="nav navbar-nav">
</ul>
</div>
</div>
</div>
</nav>
</template>
有人能告诉我哪里错了吗?张贴主菜单和导航栏的内容。“也许答案就在里面。”本尼发帖说。看一看!检查你的浏览器开发工具也许你的导航栏也重复了,但是第二个实例覆盖了第一个,所以可能也有两个副本。这是从您正在使用的类名
导航栏固定顶部猜出来的。张贴主菜单和导航栏的内容。“也许答案就在里面。”本尼发帖说。看一看!检查你的浏览器开发工具也许你的导航栏也重复了,但是第二个实例覆盖了第一个,所以可能也有两个副本。这是从您正在使用的类名navbar-fixed-top
中猜出来的。