angular primeNG 添加滑动选择按钮 inputSwitch

授人以鱼不如授人以渔，当你需要在你的网页上添加任何组件，第一件事就是去官网，找找你要的组件。
https://www.primefaces.org/primeng/v4.3.0/#/inputswitch
以上链接为 inputSwitch的 4.0版本

在右上角一定要选好版本，要符合自己使用的ui版本。

然后我们根据他的官方教程来操作。

xxx_module.ts

import {CommonModule} from "@angular/common";
import {InputSwitchModule} from 'primeng/primeng';
@NgModule({
    imports: [
    CommonModule,
    InputSwitchModule
    ],
      providers: [
   xxxxService
  ],
  declarations: [
    相关Component
  ],
})
export class xxxModule {
   checked: boolean = true;
}

相关component.html

  <label for="switch" >  奖金开关 </label>
  <p-inputSwitch [(ngModel)]="checked" id="switch"></p-inputSwitch>

label是你给这个inputSwitch起的名字。
checked是参数，我们默认是true
方括号表示需要链到 module里面的参数 ，不加方括号的就是在html里面的参数，比如id 只是这个html文件中的id

无论是加什么组件都是按照这种方法

详细的代码教程可以点开 官网上的source去GitHub查看