Angular with jQuery Raty

by manoj

HTML

<script type="text/javascript" ng:autobind src="http://code.angularjs.org/0.9.17/angular-0.9.17.js"></script>
<script type="text/javascript" src="https://raw.github.com/wbotelhos/raty/master/js/jquery.raty.min.js"></script>

<!-- base href to load images from raty web -->
<base href="http://www.wbotelhos.com/raty/" />

<jqp:raty start="2"></jqp:raty><br />
<jqp:raty number="10"></jqp:raty><br />
<jqp:raty start="5" number="10"></jqp:raty><br />

JavaScript

angular.widget('jqp:raty', function(tpl) {
    var config = {}, val;
    angular.forEach(['start', 'number'], function(name) {
      if (val = tpl.attr(name)) config[name] = parseInt(val);
    });
    
    return function(elm) {
      elm.raty(config);
    };
});