你可以按照以下步骤使用Angular 2从datalist选择创建列表:
创建一个组件(component)来处理datalist的选择和列表的创建。假设组件的名称为ListComponent。
在ListComponent的HTML模板中,添加一个input元素和一个datalist元素。input元素用于用户输入,datalist元素用于显示可选项列表。示例代码如下:
export class ListComponent {
options: string[];
constructor() {
this.options = ['Option 1', 'Option 2', 'Option 3'];
}
}
- {{ option }}
export class AppComponent {
@ViewChild(ListComponent)
listComponent: ListComponent;
}
通过上述步骤,你可以在Angular 2中使用datalist选择创建列表。当用户选择一个选项时,列表将自动更新。