html - 使用 Angular 模型（ng-model）填充下拉列表

Question

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

Answer 1

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

如果您更愿意编写自己的解决方案，请查看 dropmenu 源代码以了解如何去做。

本质上 AngularJS 让它变得如此简单，你真正需要做的唯一一件事就是切换 DOM 元素的可见性并使用一些花哨的 css。

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