JSFiddle - React, Tailwind, and code Playground
HTML
<script type="text/javascript" ng:autobind src="http://code.angularjs.org/0.9.17/angular-0.9.17.js"></script>
<div ng:controller="Controller">
<a href ng:click="inc()" my:disabled="cardOff">incr</a>
<p>Value = {{value}}</p>
<p>Memory = {{cardOff}}</p>
<input type="checkbox" name="cardOff" id="chk-disabled" /> <label for="chk-disabled">Disable</label>
</div>
CSS
div a {
background-color : #000;
color : #fff;
padding : 10px;
display:inline-block;
}
div p {
padding-top : 5px;
padding-bottom : 7px;
}
JavaScript
function Controller() {
this.value = 0;
this.inc = function() {
if (!this.cardOff) {
this.value++;
}
};
}