對角JS

嗨自定義複選框任何一個請幫我創建自定義指令......對角JS

我要創建在角JS定製複選框定製指令，

我做創造中，我當我們點擊選中時想創建複選標記。

HTML代碼::::

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

自定義指令代碼：

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'); 
     } 
     } 
    }});

CSS代碼：

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

我想查馬克因爲當我們選中該複選框。

可以在任何請幫我

來源

2015-04-08 Question

你能分享plunk嗎？ – Reena

你是否可以只發佈一個用油漆或其他東西製作的圖像，以便我們可以更好地瞭解你想要達到的目標？ – roxid

您好@Reena [plunker]（http://plnkr.co/edit/b3xiv6vPLVO9frexRbYx?p=preview） – Question

你忘記了：require: "ngModel"https://jsfiddle.net/az3rq4na/。你的複選框應該包含任何模型來顯示它的狀態。在官方網站閱讀更多關於ngModelController。

來源

2015-04-08 11:00:45

嗨@伊萬Burnaev，感謝您的回答，但我想刻度線。當用戶檢查時間顏色只改變了，而不是顏色改變，我想讓行爲像HTML文本框。如果你知道，你可以讓我知道嗎？ – Question

我修改了我的'fiddle' https://jsfiddle.net/az3rq4na/。但是你可以使用任何圖標或CSS樣式。 –

此dirctive不工作在IE8中，任何一個可以幫助我關於 – Question

回答

相關問題