使用Angular.js和CSS获取一些与UI相关的问题

时间:2015-11-25 05:37:05

标签: javascript html css angularjs

我有一个问题。我的页面中有一个导航栏。当我访问每个菜单时,导航栏正在摇晃。请让我解释下面的代码。

iio_channel_release()

这里我的每个菜单都包含一些表格和CRUD操作。当用户点击每个菜单时,这个栏会轻微地左右摇晃。我需要当用户点击任何一个菜单时它会发生这样的事情意味着菜单栏将保持不变。请帮我解决此问题。

1 个答案:

答案 0 :(得分:0)

我的建议根据您的陈述“当用户点击每个菜单时,此栏位于 轻微地左右摇晃 。”

you need move your <ul> navbar code to, out of <ui-view>.

示例

<ul class="nav navbar-nav">
<li ui-sref-active="active"><a ui-sref="dashboard">Home</a></li>
<li ui-sref-active="active" ><a ui-sref=".profile">College Profile</a></li> 
<li ng-class="{'active open': $state.includes('dashboard.res')}"><a ui-sref="dashboard.res.userrole">Resource Management</a></li>
<li ng-class="{'active open': $state.includes('dashboard.deptmanagement')}"><a ui-sref="dashboard.deptmanagement.stream" >Department Management</a></li>
<li ng-class="{'active open': $state.includes('dashboard.user')}"><a ui-sref="dashboard.user.usermanagement">User Management</a></li>
<li ng-class="{'active open': $state.includes('dashboard.plan')}"><a ui-sref="dashboard.plan.timetable">Plan Management</a></li>
</ul>

<div ui-view></div>