0

我基本上是在尝试与这个问题相同,这个问题已经解决

目标是使用 Angular-UI 的 typeahead 功能将模型设置为一个值,同时向用户显示另一个值。这在使用 ui-bootstrap-tpls-0.4.0.js 时效果很好,如 plunker 所示。我在所有其他代码中都使用了 ui-bootstrap-tpls-0.11.0.js,所以我试图让它与它一起工作。问题是它不是。

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

从以下位置更改预输入:

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

至:

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

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

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

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

4

1 回答 1

0

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

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

于 2014-06-13T09:22:25.530 回答