Angular PrimeNG Form SelectButton是一种单选组件,它允许用户从给定的选项中选择一个选项。它可以用于表单输入、设置筛选条件等场景。
使用SelectButton组件时,需要引入primeng模块并声明组件,然后在模板文件中使用p-selectButton元素,并设置选项。
以下是一个简单的SelectButton示例:
import { SelectButtonModule } from 'primeng/selectbutton';
@NgModule({
imports: [SelectButtonModule],
declarations: [AppComponent]
})
export class AppModule { }
在上面的示例中,我们声明了一个SelectButton组件,并设置了四个选项:New York、Paris、London和Berlin。
另外我们使用ngModel指令来进行双向数据绑定,当用户选择一个选项时,相应的值将被存储在变量selectedCity中。
除了基础用法外,SelectButton还支持更多的特性,如禁用选项、使用模板自定义选项等。可参考官方文档进行更多学习。 免责声明:本文内容通过AI工具匹配关键字智能整合而成,仅供参考,火山引擎不对内容的真实、准确或完整作任何形式的承诺。如有任何问题或意见,您可以通过联系service@volcengine.com进行反馈,火山引擎收到您的反馈后将及时答复和处理。