angularjs中的LOV

Posted 2023-03-28

【中文标题】angularjs中的LOV

【英文标题】：LOV in angularjs

【发布时间】：2013-04-02 20:26:19

【问题描述】：

angularjs 中是否有支持 LOV（值列表）的组件？ 我的问题是这样的，我有 2 个组合框，第一个有太多的项目，所以我决定使用引导程序提前向用户提供建议，在用户从组合 1 中选择组合项目后，组合 2 将加载一些数据取决于组合 1。

本质上，我想用 Angular js 创建著名的 state-city 组件。

谢谢

编辑：

好的，我发现这个组件很有前途，

AngularUI Select2、Select2、Bootstrap Combobox

我想我可以让它工作，但现在我没有时间尝试它。谢谢大家。

【问题讨论】：

一些示例代码或 jsfiddle 会派上用场

【参考方案1】：

您可以尝试使用 usint lov-typeahead，这是一个 angularjs 指令，它使用 twitter 的 typeahead 实现值列表：https://github.com/mihaigiurgeanu/lov-typeahead。

如果你使用 bower，你可以安装它：

bower install lov-typeahead --save

【参考方案2】：

您应该阅读docs 和guide。

简单地使用ng-model 和$watch 进行更改。在更改时，使用$resource 请求状态。

阅读文档。如果您仍然无法弄清楚如何实现它，请在此处再次发布。

【讨论】：

是的，我知道。但 typeahead 组件只接受文本，我想用第一个组合的 ID 更新第二个组合。我想预先输入以显示文本但设置 id (LOV)

【参考方案3】：

根据第一个组合的值在第二个组合中使用过滤器怎么样？

http://docs.angularjs.org/tutorial/step_03

【参考方案4】：

也许这个指令也会有帮助：

https://github.com/rolandocc/lov-angular-directive