aLight: Text directive

by lega911

HTML

<script src="http://angularlight.org/bin/alight_0.49b.min.js"></script>
<div al-app>
    <input type="text" placeholder="{{#counter 3}}" /> {{#counter 1}} seconds
</div>

JavaScript

alight.text.counter = function(callback, expression, scope) {
    var step = scope.$eval(expression);  // eval expression
    var index = 0;
    callback(index);  // set init result
    setInterval(function(){
        index += step;
        callback(index)  // set result
        scope.$scan()  // $digest
    }, 1000);
}