目标是使用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
答案 0 :(得分:0)
Angular UI bootstrap需要AngularJS 1.2.x,使用1.2.10进行测试(http://angular-ui.github.io/bootstrap/)
如果您更改Plunker以使用AngularJS 1.2.10,它应该可以正常工作。