使用Angular模型(ng-model)填充下拉列表

时间:2013-02-25 21:00:20

标签: html5 drop-down-menu angularjs angular-ui

我有一个Angular模型ng-model="car"我正在尝试创建一个下拉列表,并希望从模型中的对象填充列表项。我试图在HTML中完成所有这些(因为它是Angular)。 有什么想法吗?

1 个答案:

答案 0 :(得分:0)

如果您想要表单输入:http://angular-ui.github.com/#/directives-select2 如果你想要一个dropmenu:http://angular-ui.github.com/bootstrap/#/dropdownToggle

检查dropmenu源代码,以便了解如何编写自己的解决方案。

基本上AngularJS让你很容易,你真正需要做的唯一事情是切换DOM元素的可见性并使用一些奇特的CSS。

查看这个使用纯AngularJS + AngularUI(必要时)和Bootstrap的CSS创建dropmenus(和其他小部件)http://plnkr.co/edit/gist:4464334?p=preview

的示例