Angular-UI typeahead - 在v0.04中工作但在v0.11中不工作

时间:2014-06-13 08:56:10

标签: angularjs angular-ui angular-ui-typeahead

我基本上尝试使用issue中的this进行尝试。

目标是使用Angular-UI的typeahead函数将模型设置为一个值,同时显示另一个值。这在使用ui-bootstrap-tpls-0.4.0.js时工作正常,如在plunker中所见。我在我的所有其他代码中使用ui-bootstrap-tpls-0.11.0.js,所以我试图让它与之一起工作。问题是事实并非如此。

如此plunker中所示,更改为v0.11会导致它在模型和输入中显示相同的内容。 (还有另一个错误导致它不能显示选项,但在我的情况下这并不重要)

从<:p>更改输入格式

typeahead="Unidade.Codigo as Unidade.Nome for Unidade in Unidades

要:

typeahead="Unidade as Unidade.Nome for Unidade in Unidades

产生所需效果,因为输入显示名称且模型具有数据。可以看到here。我的问题是,我真的更喜欢模型只是Unidade.Codigo,就像在第一个例子中一样。

关于如何使用ui-bootstrap-tpls-0.11.0.js实现这一目标的想法?

编辑:更新了plunker以使用@ mer10z_tech建议的AngularJS 1.2.15。 可以在这里看到 - http://plnkr.co/edit/FHqC3HLpkmfQx7VBOGKL?p=preview

1 个答案:

答案 0 :(得分:0)

Angular UI bootstrap需要AngularJS 1.2.x,使用1.2.10进行测试(http://angular-ui.github.io/bootstrap/

如果您更改Plunker以使用AngularJS 1.2.10,它应该可以正常工作。