Angularjs 每个类别的角度、角度和角度值

我在爱奥尼亚实施评级，虽然这基本上是有角度的。我想得到每个类别的值。如果我限定了rubric“动物”，我想得到我选择的值。如果我符合“汽车”的条件，我希望得到我选择的值

我的问题是，两个类别的值总是相同的。我能做什么？我想知道什么是最好的解决方案，因为我想创建动态代码，不想在n个类别中重复代码

/.html//
你觉得这些动物怎么样？
你觉得这些车怎么样？？
//.js//
$scope.ratingsObject={
iconOn:'ion ios star'，//可选
iconOff:'离子ios星形轮廓'，//可选
ICONCOLOR:'rgb（200200100）'，//可选
iconOffColor:'rgb（200100100）'，//可选
额定值：4，//可选
minRating:1，//可选
只读：false，//可选
回调：函数（额定值）{//必需
$scope.ratingsCallback（评级）；
}
};
$scope.ratingsCallback=函数（额定值）{
$scope.cars=评级；
$scope.animals=评级；
console.log（'所选评级为：'，评级）；
//是相同的值：(
console.log（“动物：+$scope.animals）；
console.log（“cars:+$scope.cars）；
};

您需要创建两个评级对象来分别处理评级

控制器代码：

angular.module('ionicApp', ['ionic', 'ionic-ratings'])

.controller('MyCtrl', function($scope) {
 $scope.myTitle = 'IONIC RATINGS DEMO';

 $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, 'cars');
}
};

$scope.ratingsObject2 = {
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,'animals');
}
};

$scope.ratingsCallback = function(rating,category) {
    console.log('Selected rating is : ', rating);

if(category === 'cars') {
      $scope.cars=rating;
      console.log("cars: "+$scope.cars);
}else {
     $scope.animals=rating;

console.log("animals: "+$scope.animals); 
}

};

});

<ion-view>
<h1 class="text-center">{{myTitle}}</h1>
<div>
  What do you think about the animals?
  <ionic-ratings ratingsobj='ratingsObject'></ionic-ratings>
  What do you think about the cars??

  <ionic-ratings ratingsobj='ratingsObject2'></ionic-ratings>

</div>

html:

angular.module('ionicApp', ['ionic', 'ionic-ratings'])

.controller('MyCtrl', function($scope) {
 $scope.myTitle = 'IONIC RATINGS DEMO';

 $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, 'cars');
}
};

$scope.ratingsObject2 = {
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,'animals');
}
};

$scope.ratingsCallback = function(rating,category) {
    console.log('Selected rating is : ', rating);

if(category === 'cars') {
      $scope.cars=rating;
      console.log("cars: "+$scope.cars);
}else {
     $scope.animals=rating;

console.log("animals: "+$scope.animals); 
}

};

});

<ion-view>
<h1 class="text-center">{{myTitle}}</h1>
<div>
  What do you think about the animals?
  <ionic-ratings ratingsobj='ratingsObject'></ionic-ratings>
  What do you think about the cars??

  <ionic-ratings ratingsobj='ratingsObject2'></ionic-ratings>

</div>

{{myTitle}}
你觉得这些动物怎么样？
你觉得这些车怎么样？？

---

谢谢，这是我想到的解决方案。但正如我所说，我随后将动态创建代码。然后您必须创建n$scope.ratingsObject…？。我认为这不是一个好的解决方案。我正在努力解决这个问题。