要获取Angular中选择选项的值,您可以使用ngModel指令和change事件监听器。以下是一个示例代码:
HTML模板:
组件类:
import { Component } from '@angular/core';
@Component({
selector: 'app',
templateUrl: 'app.component.html'
})
export class AppComponent {
selectedValue: string;
onChange(value: string) {
console.log(value);
}
}
在上述示例中,使用ngModel指令将选择框的值绑定到组件类的selectedValue属性。当选择框的值发生改变时,change事件将触发组件类的onChange方法,并将选择的值作为参数传递给该方法。在onChange方法中,您可以对选择的值进行任何逻辑操作,这里只是简单地将其打印到控制台上。
请注意,要使用ngModel指令,您需要在组件类中导入FormsModule。在NgModule的imports数组中添加FormsModule即可:
import { FormsModule } from '@angular/forms';
@NgModule({
imports: [
FormsModule
],
// ...
})
export class AppModule { }
这样,您就可以在Angular中获取选择选项的值了。