目标是使用 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