要使用Angular和ng-select来确认所选项目,可以按照以下步骤进行:
npm install ng-select --save
import { NgSelectModule } from '@ng-select/ng-select';
@NgModule({
imports: [
NgSelectModule
],
...
})
export class AppModule { }
import { Component } from '@angular/core';
@Component({
...
})
export class YourComponent {
items = [
{ id: 1, name: 'Item 1' },
{ id: 2, name: 'Item 2' },
{ id: 3, name: 'Item 3' }
];
selectedItem: any;
onItemChange() {
console.log('Selected item:', this.selectedItem);
}
}
在上面的代码中,items
变量是一个包含可选项目的数组,selectedItem
变量用于存储所选的项目。onItemChange()
方法在选择项目发生变化时被调用,你可以在这个方法中执行你需要的逻辑。
这样,当用户选择一个项目时,selectedItem
变量会被更新,并且onItemChange()
方法会被调用。你可以在这个方法中使用所选的项目来执行进一步的操作,例如确认所选项目。