obtain different values in star rating
<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>