用于切换子菜单内容的角度/ UI路由器或指令

具有类似行为的两个菜单的示例：menu example 1 和menu example 2 两者都使用jQuery实现。如果可能，我想要一个角度实现。我想切换我的部分，因为你看到那里没有使用jquery。我曾尝试用下面的方法： http://plnkr.co/edit/yttY9PrZBdgeUZfQXXMx?p=preview --a菜单/子菜单指令（plunker发现这里计算器）用于切换子菜单内容的角度/ UI路由器或指令

我都认为修改引导3导航栏，并希望与UI的路由器，但我用它不相信有任何简单的方法可以使用UI路由器来实现从相同的菜单选择中切换状态。

这里是箭头的CSS下来：

.arrow-down { 
    position: absolute; 
    top: 0; 
    width: 0; 
    height: 0; 
    border-left: 15px solid transparent; 
    border-right: 15px solid transparent; 
    border-top: 15px solid #000; 
}

知道的任何建议。我只需要一个推动。

来源

2014-01-29 scalaGirl

为什么不使用Plunker示例？ – Merlin

经过几个星期的尝试，我发现它非常具有挑战性，所以如果没有人能够帮助我将需要寻找其他途径。我希望有更熟练的人可以提供帮助。 – scalaGirl

这里是一个工作拨弄我的问题： Working example

<submenu data-caption="Contact"> 
    <div class='arrow-down'></div> 
    <pre><div ng-include src="'style.css'"></div></pre> 
</submenu>

谐音当然是用NG-包括且仅当你还记得那些讨厌的'注射。小提琴不会显示为概念验证而添加的.css文件，但这可在plunker中使用。此外，这个例子使用最少的不那么伟大的CSS。我的下一步将是看看是否可以打包所需的许多css选择器，而不会牺牲太多可读性。如果你jQuery的人检查了这个需要的js代码的数量，而不是写在指令中的最小代码量---这是一个“令人震惊”的差异。如果我得到那么远的话，会发布一个更好的版本，我仍然认为点击行为之间的这种切换将是在ui-router中添加的好选择。

来源

2014-01-31 09:41:21 scalaGirl

用于切换子菜单内容的角度/ UI路由器或指令

回答

相关问题