title: jquery raty plugin set the rate value via angularjs
body: <p>I'm trying to use jquery raty plugin for star rating with angularjs. I created a custom directive for it as the following:</p>
  
  <pre><code>app.directive("ngStars", function() {
          return {
              restrict: 'A',
              link: function(scope, elem, attrs) {
                  $(elem).raty({ 
                     'path': base_url+'images',
                      score:  attrs.score,
                      readOnly: true,
                      hints: ['سىء جدا', 'سىء', 'عادى', 'جديد', 'ممتاز'],
                  });
              }
          }
      });
  </code></pre>
  
  <p>and my html as the following</p>
  
  <pre><code>&lt;div ng-repeat="place in places"&gt;
      &lt;div ng-stars class="star" score={{place.rate}}&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>the plugin runs fine if i predefined the <code>score</code> attribute value as <code>score="5"</code>, But what i need is to set the score value through angularjs <code>score="{{place.rate}}"</code> but this is not working.</p>
  
  <p>How can i solve this problem?</p>