title: obtain different values in star rating
body: <p>how are you. I'm implementing a rating at IONIC, although this is basically angular. I want to get the value for each category. if I qualify rubric "animals" I want to get the value I selected. if I qualify "cars" I want to get the value I selected.</p>
  
  <p>My problem is that I always get the same value for both categories. What can I do?. I want to know what is the best solution because then I think creating dynamic code and do not want to repeat code in n categories.</p>
  
  <p><a href="http://plnkr.co/edit/1PomwzklGD2Y8esbsnxT?p=preview" rel="nofollow">http://plnkr.co/edit/1PomwzklGD2Y8esbsnxT?p=preview</a></p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>What do you think about the animals?
  &lt;ionic-ratings ratingsobj='ratingsObject'&gt;&lt;/ionic-ratings&gt;
  What do you think about the cars??
  &lt;ionic-ratings ratingsobj='ratingsObject'&gt;&lt;/ionic-ratings&gt;
  </code></pre>
  
  <p><strong>JAVASCRIPT</strong></p>
  
  <pre><code>$scope.ratingsObject = {
   iconOn: 'ion-ios-star', //Optional
   iconOff: 'ion-ios-star-outline',  //Optional
   iconOnColor: 'rgb(200, 200, 100)',  //Optional
   iconOffColor: 'rgb(200, 100, 100)', //Optional
   rating: 4,  //Optional
   minRating: 1, //Optional
   readOnly:false, //Optional
   callback: function(rating) {  //Mandatory    
   $scope.ratingsCallback(rating);
   }
  };
  
  $scope.ratingsCallback = function(rating) {
   $scope.cars=rating;
   $scope.animals=rating;
   console.log('Selected rating is : ', rating);
  
   //is the same value :(
   console.log("animals: "+$scope.animals);
   console.log("cars: "+$scope.cars);
  };
  </code></pre>