我是一名有帮助的助手,可以为您进行文本翻译。
以下是需要翻译的内容:
我正在努力为我的网站添加自动完成选择字段。我想要一个自动完成选择字段,其中填充了来自我的MongoDB的值。为了检索这些值,我使用了我的函数:
component.ts
this.availableFirmware = [];
this.terminalService.getFirmware().subscribe(firmware => {
this.availableFirmware = firmware.firmware;
component.html
<select class="form-control" id="sel2" [(ngModel)]="firmware" name="firmware">
<option *ngFor="let firmware of availableFirmware" [value]="firmware._id">
{{firmware.name}}
</option>
</select>
这个目前可以正常工作,但我需要这个字段是一个自动完成的选择字段,可以搜索任何内容。所以,如果我的数组像这样:
[
'John Doe',
'Christian Bale'
'Jenny Doehler'
]
我希望这个函数在我输入 oe
时返回 John Doe
和 Jenny Doehler
。
我已经从http://material.angular.io导入了 Angular Material 2。我在那里找到了一个示例(链接),但它并不能解决我的问题,因为我会遇到一些管道等错误。我无法创建一个简单的自动完成选择字段,并从我的 MongoDB 获取数据。
希望有人可以帮助我!
所以作为更多信息:
this.availableFirmware = [];
this.terminalService.getFirmware().subscribe(firmware => {
this.availableFirmware = firmware.firmware;
console.log(this.availableFirmware);
});
产生了这个输出:,我想在我的自动完成字段中显示名称。这也是我的过滤函数不起作用的原因,因为this.availableFirmware是一个对象,我不知道如何将其拆分为我需要的部分以供自动完成使用。