表单内的NgbTypeahead

时间:2017-02-19 20:48:27

标签: forms angular typeahead ng-bootstrap

我有NgbTypeahead组件,它使用像

这样的对象列表
export class Example {
  name: string;
  value: number;
}

作为来源。它按name进行搜索(value在另一个输入中用作占位符)。我把它放在表单中,设置formControlName

    <form [formGroup]="myForm" novalidate (ngSubmit)="save(myForm.value, myForm.valid)">
         <input formControlName="name" name="exampleName" type="text" [ngbTypeahead]="search"
             [resultFormatter]="formatMatches"
             [inputFormatter]="formatMatches"
              />
<!--..some code-->
      <br><button type="submit">Submit</button>
</form>

但是当我提交它时,会传递Example类型的所选对象,但如果我需要input的值,我该怎么办?

EDITED 已移除ngModel

formatMatches函数的代码:

formatMatches = (value: any) => value.name || '';

0 个答案:

没有答案