Angular PrimeNG表格检查框布尔值组件
Angular PrimeNG是一个用于Angular应用程序的UI组件库。它为各种任务提供了许多预建的主题和UI组件,如输入、菜单、图表、按钮等。在这篇文章中,我们将看到Angular PrimeNG中的表格检查框布尔值组件。
PrimeNG提供的Checkbox组件是对HTML checkbox的扩展,具有主题性。通过使用ngModel属性和设置binary选项为_true,一个布尔变量可以被绑定到复选框上。
Angular PrimeNG Form Checkbox Boolean Value 组件属性:
- ngModel。该属性用于将复选框绑定到一个布尔值。
- binary。这个布尔属性用于将复选框的值保存为一个布尔值。
语法:
创建Angular应用程序并安装模块:。
第1步:使用以下命令创建一个Angular应用程序。
第2步:创建你的项目文件夹即appname后,使用以下命令移动到它。
第3步 。最后,在你给定的目录中安装PrimeNG。
项目结构。按照上述步骤,项目结构将看起来像这样。
Project Structure
- 运行以下命令。
例子1:这个例子显示了使用ngModel属性将布尔值绑定到复选框。
输出:
例子2:在这个例子中,我们把复选框的标签设置为边界变量,这样当变量的值发生变化时,它就会自动更新。
输出: