Css 在Angular js中为自定义复选框创建自定义指令

嗨，任何人请帮助我

我想在Angular js中为自定义复选框创建自定义指令

我已完成创建框，我希望在单击“选中”时创建复选标记

HTML代码：：：

 <my-checkbox ng-transclude class="customCheeckBox" style="margin:5px;"></my-checkbox>

我想要选中复选框时的复选标记

---

有什么可以帮我的吗？

你忘了：

要求：“ngModel”

。

---

您的复选框应包含显示其状态的任何模型。在官方网站上阅读更多关于ngModelController的信息。

你可以分享plunk吗？？？你可以发布一张用油漆或其他材料制作的图片，以便我们更好地了解你想要实现的目标吗？嗨@Reena，你想要和这一样的东西，请阅读Hi@Ivan Burnaev，谢谢你的回答，但我想要勾号。当用户选中该选项时，颜色只会改变，而不是改变颜色，我想让它像HTML文本框一样。如果你知道，请告诉我。我已经修改了我的

小提琴
。但是你可以使用任何图标或css样式。这个指令在IE8中不起作用，有人能帮我吗@Ivan Burnaev，我需要一些帮助，当我勾选或取消勾选复选框时，我总是出错，你能帮我解释为什么我总是出错吗。。。你可以检查同一把小提琴。模型变化正确。
App.directive('myCheckbox', function(){
  return {
      restrict: 'E',
      replace: true,
      transclude:true,
      template: '<div class="checkbox" ng-class="{checked: isChecked}" ng-click="toggleMe()"></div>',
      scope: {
        isChecked: '=?'
      },
      link: function (scope, elem, attrs) {
        scope.isChecked = true;

        scope.toggleMe = function () {
          scope.isChecked = !(scope.isChecked);  
          console.log('clicked');
        }
      }
  }});

.checked {
  background-color:red;
}
.customCheeckBox{
    border: 1px solid black;
  height: 15px;
  width: 15px;
}