如何使用 ngclass 在复选框上添加图像 ..？答案

【问题标题】：how to add image on checkbox using ngclass ..?如何使用 ngclass 在复选框上添加图像 ..？
【发布时间】：2015-06-17 05:31:31
【问题描述】：

您能告诉我如何在 Angular js 中使用 ng-class 添加复选框图像吗？实际上，当用户单击选项时，它会显示复选框图像，当用户再次选择相同的元素时，它会取消选中复选框或删除复选框图像我将如何使用 ng-class 实现这一点

这是我的笨蛋： http://plnkr.co/edit/fHdnWwIRgi5jFLQlCWKs?p=preview

我需要右侧的复选框，我可以这样做，但我需要使用复选框的背景图像（“绿色一个”）而不是默认的。在图像中它是显示 ar 蓝色我需要绿色，它在css

.backgrounfimageset{
    background-image:url('http://icons.iconarchive.com/icons/visualpharm/must-have/256/Check-icon.png');
  }
 .liposition{
   position:relative;
 }
 .checkboxposiion{
   position:absolute!important;
   right:10px;
 }

【问题讨论】：

你能告诉我我会怎么做吗？

标签： ionic-framework ionic

【解决方案1】：

ng-class 引用对于添加图像是正确的，但需要覆盖默认 css，如下所示。

<style>
.backgrounfimageset{
    background-image:url('http://icons.iconarchive.com/icons/visualpharm/must-have/256/Check-icon.png') !important;
    background-size: cover !important;
  }
   .backgrounfimageset:before{
     background-color: inherit !important;
  border-radius: 0px !important;
  border-style: none !important;
   }
</style>

如果您取消选中该复选框，则不想显示您需要覆盖 .checkbox 输入 css 的复选框。

【讨论】：