Javascript 角度2输入数据列表自动完成 constbooks:Array=[{id:1，title:book1}，{id:2，title:book2}，{id:3，title:book3}，{id:4，title:book4}]； 书号 {{book.title}} {{bookForm.value | json}} 未选择的书籍

我正在尝试使用输入数据列表自动完成输入字段。在这里，我想允许按书名搜索，但希望在angular 2中选择一本书后获得图书id

但我得到的是书名而不是书号

当表单id处于编辑模式时，如何将图书标题与输入框中的图书id进行映射

---

这应该是

[value]

而不是

[ngvalue]

在组件中，您可以按如下方式提取：

const books: Array<{ id: number, title: string }> = [{id: 1, title: "book1"}, {id: 2, title: "book2"}, {id: 3, title: "book3"}, {id: 4, title: "book4"}];

<form [formGroup]="bookForm" novalidate (ngSubmit)="save(bookForm)">
    <div class="form-group">
        <label>book_id</label>
        <input list="book_list" formControlName="book_id">
        <datalist id="book_list">
            <option *ngFor="let book of books" [ngValue]="book.id">{{book.title}}</option>
        </datalist>{{ bookForm.value | json }}
        <!--display error message if book_id is not valid-->
        <small [hidden]="bookForm.controls.book_id.valid">
          book not selected</small>
    </div>
</form>

---

在此处添加组件类代码

save(form) {
    console.log(form.book_id.value);
}