AngularJS检测指令中的复选框值更改

Question

我正在尝试构建一个AngularJS指令，该指令将检测输入复选框值的更改，但由于某种原因，永远不会触发on change事件。有人可以检查我的代码并告诉我我错过了什么/做错了吗？感谢

myApp.directive('supportAmntCb', function () {
    return {
        restrict: 'A',
        link: function(scope, element, attrs) {    
            element.bind('click', function(){                               
                console.log('Value. '+ element[0].value); //this line is never reached...
            });    
        }

    };
});

HTML

检查时......

    <input id="s1" name="s1" type="checkbox" value="50" support-amnt-cb />

...未检查

    <input id="s1" name="s1" type="checkbox" value="0" support-amnt-cb />

注意：经过多次测试后，我注意到样式（CSS）应用于复选框，指令无法检测到值更改....删除样式（CSS）后，该指令可以轻松检测到值的变化... 。不能弄清楚'造型/ css'和指令无法检测到价值变化之间的关系....任何想法？