AngularJS中的下拉子菜单?

时间:2014-05-20 15:20:44

标签: javascript css angularjs twitter-bootstrap drop-down-menu

我想让Dropdown Submenus与他们在bootstrap中的方式类似,如dropdown-submenu下的此链接所示。

http://getbootstrap.com/2.3.2/components.html#dropdowns

无论如何我想知道,无论如何通过AngularJS整合或合并到我的应用程序中?我的代码如下所示,用于创建我想要的下拉列表。对于我的下拉列表中的每个条目,我想创建一个子菜单,一旦将鼠标悬停在它们上面,您就可以查看子菜单(对于每个条目都是相同的)。以下是我的下拉列表代码:

<select class="span4" ng-model="create.activityTypeName" multiple ng-options="value for value in activityTypes" data-style="btn" bs-select></select>

此下拉列表允许我从我创建的create.activityTypeName数组中选择多个条目。

如果有人能帮助我,那就太好了!谢谢!

1 个答案:

答案 0 :(得分:0)

您必须使用引导程序支持的HTML,它似乎是嵌套的无序列表。

我不完全确定您的create.activityTypeName数据结构是什么,但我得到一个使用一些ng-repeat指令的示例。您的数组将替换示例中的$scope.items

看到这个小提琴:http://jsfiddle.net/sp6bL/