NG-引导事先键入的内容选择的对象

我有https://ng-bootstrap.github.io/#/components/typeahead/api组分与如下因素的声明：NG-引导事先键入的内容选择的对象

<ng-template #rt let-r="result" let-t="term"> 
     <span class="device"> 
      <span class="grayout">{{r?.manufacturer.name}}</span> {{ r?.modelName}}, 
       <span class="grayout"> {{ r?.year}}, {{r?.operatingSystemVersion.operatingSystem.name}} {{r?.operatingSystemVersion.name}}, {{ r?.note}} </span> 
     </span> 
     <span class="deviceStats"> 
      <span class="grayout">{{r?.blockedCount}}x blocked</span> 
     </span> 
    </ng-template> 

    <input id="typeahead-template" type="text" class="form-control" [(ngModel)]="model" [ngbTypeahead]="search" [resultTemplate]="rt" 
      [inputFormatter]="formatter" placeholder="Search model, manufacturer, operating system, operation system version, serial number, code etc." />

和组件的代码：

export class HomeComponent implements OnInit { 
    account: Account; 
    modalRef: NgbModalRef; 
    userReservations: Reservation[]; 
    model: Device; 
    searching = false; 
    searchFailed = false; 

    search = (text$: Observable<string>) => 
     _do.call(
      switchMap.call(
       _do.call(
        distinctUntilChanged.call(
         debounceTime.call(text$, 300)), 
        () => this.searching = true), 
       term => 
        _catch.call(
         _do.call(this.deviceService.search(term),() => this.searchFailed = false), 
         () => { 
          this.searchFailed = true; 
          return of.call([]); 
         } 
        ) 
      ), 
      () => this.searching = false);

所以基本上JSON响应包含设备[]。带有建议选项的列表正常工作，因为使用了模板，在那里我可以访问属性，但是当我在输入中选择某个选项时，存在[object Object]值。 可能填充例如Device对象的toString（）方法？

谢谢。

来源

2017-07-27 Zbyněk Nevrlý

这里有inputFormatter。

来源

2017-07-28 09:34:21

NG-引导事先键入的内容选择的对象

回答

相关问题