如何解决Angular 链式打字机与空白符中断
给定两个带有 typeahead 的条目,一个链接到另一个条目(第一个中的选择决定了第二个的选择列表),包含空格的值似乎存在问题,即使这些条目是由 id 链接的,而不是显示值。
最好在演示中展示该行为:JSFiddle
重现:
- 在第一个提前输入中选择一个对象
- 在第二个预先输入中选择一个对象,看看它是否有效
- 在第一个提前输入中选择名为 broken 的对象
- 尝试在第二个预先输入中选择一个对象,没有可用的选择列表
在第一个条目中选择的对象的 id
决定了第二个条目的选择列表。但是,如果所选对象的 name
的end 处有空格,则第二个提前输入会中断。
如果您要删除 Broken
末尾的空格,则第二个条目将按预期开始工作。
这对我来说似乎是一个错误,因为第一个条目的显示值不应在第二个条目中起作用。
我错了吗?
解决方法
在第一个输入中添加 ng-trim="false"。它解决了这个问题。它发生在 Angular 在模糊时移除末端空间。
<input type="text"
id="estate"
cam-variable-type="String"
ng-model="line.estate"
uib-typeahead="estate as (estate.id + ' - ' + estate.name) for estate in estates | filter:$viewValue | limitTo:10"
typeahead-min-length="1"
typeahead-no-results="noResults"
typeahead-select-on-blur="true"
autocomplete="off"
ng-trim="false"
class="form-control form-input">
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。