显示ngbTypeahead的默认值

Question

我想设置默认值，或者说最初是ngbTypeahead输入字段中的任何值。

abc.component.html

<input id="typeahead-basic" type="text" class="form-control" formControlName="typeAheadProduct"
style="width:140px" [resultFormatter]="resultFormatterProduct"
[inputFormatter]="inputFormatterProduct" (selectItem)="Selected($event)"
[ngbTypeahead]="searchProduct" placeholder="Start typing 2-3 letters"/>

任何类型的信息都会有所帮助。提前谢谢。

Answer 1

我看到formControlName="typeAheadProduct"。这意味着您将名称为typeAheadProduct的表单控件的值绑定到typeahead。您可以在初始化该控件时设置该控件的值，typeahead也将使用该值。

Answer 2

使用模板驱动的表单，这对我来说很有效：

this.myForm.controls["location"].setValue(location);

其中location是NgbTypeAhead正在搜索的对象/类，格式化程序使用.name属性设置标签，如下所示：

public formatter = (location: Location) => location.name;