Question

我正在使用ng2-bootstrap的Typeahead，它运行正常。我打字并获得完成建议 - 但似乎不可能不选择任何。

例如：我键入＆＃34; lorem ip＆＃34;在搜索输入字段中获取＆＃34; lorem ipsum＆＃34;的建议。我无法提交＆＃34; lorem ip＆＃34;。始终有一个预先选择的选项，可以在输入时提交。

是否可以不预先选择任何内容！ 或者有没有人知道如何解决它？

这是我的代码：

HTML

<input [(ngModel)]="query" name="query" type="text" required [typeaheadOptionField]="'value'" [typeahead]="autocomplete()" [typeaheadMinLength]="3" (typeaheadOnSelect)="autocompleteOnSelect($event)"/>

打字稿

autocomplete(): Observable<SearchAutocompleteSuggest[]> { return this.documentService.autocomplete(this.searchRequest); } public autocompleteOnSelect(e:any):void { this.search(); }

Answer 1

class WidgetContributionDevelopment(models.Model):
    site = models.ForeignKey(Site, db_column='site_id', default=None)
    `1` = models.FloatField(default=0.0)
    `2` = models.FloatField(default=0.0)
    `3` = models.FloatField(default=0.0)

这样你就可以通过按Enter键来获得选项，而你不必选择其中一个建议。但是，您需要确保只有两个事件中的一个

<input  [(ngModel)]="query" name="query" type="text" required
    [typeaheadOptionField]="'value'"
    [typeahead]="autocomplete()"
    [typeaheadMinLength]="3"
    (typeaheadOnSelect)="autocompleteOnSelect($event)"
    (keyup.enter)="autocompleteOnselect($event)"/>

和typeaheadOnSelect最终会调用方法autocompleteOnselect（），为此您可以使用锁定或互斥锁，但我可以使用不确定它是否是最佳做法。

angular 2 - ng2-bootstrap typeahead - 如何不选择任何选项？

1 个答案: