Angular 多选按钮 点击后选中并改变样式 再次点击取消选中 class.selected的使用

 使用angular达到如图上所示效果。

1. 在css中设置想要的被选中的后的效果

wash是我自己定义button的class name，我们自定义button被选中后改变背景色。

2. 在html控制button，点击后css文件中的selected效果是否使用 

label.selected 为label的一个属性，这里label是一个自定义的class。

label.selected为1时，代表当前点击选中该label，[class.selected] = 1（因为label.selected为1），此时css文件中的wash.selected开始执行。若再次点击，lable.selected = 0, class.selected = 0, 当前css效果则未被选中，回到未选中状态。

3. 在ts文件中定义click效果