我是Ionic的新手,所以这可能是一个基本问题。
我有一个HTML文件,代码如下:
<ion-item class="item-remove-animate item-icon-right" href="#/editvenue/{{venueItem.id}}"
ng-repeat="venueItem in venue track by venueItem.id">
<h2>{{venueItem.name}}</h2>
<p>{{venueItem.phone}}</p>
<ionic-ratings ratingsobj='rating'></ionic-ratings>
</ion-item>
用于使用自定义指令显示星级评定。请在此处查看详细信息:https://market.ionic.io/plugins/ionicratings.下面是app.js文件中控制器的一部分,其中包括用于生成星星的代码。
$scope.rating = {
iconOn: 'ion-ios-star',
iconOff: 'ion-ios-star-outline',
iconOnColor: 'rgb(255, 215, 0)',
iconOffColor: 'rgb(224, 224, 224)',
rating: 0,//$scope.venueItem.overallrating, // NEED TO DEFAULT THIS TO A RATING???
minRating: 0,
readOnly: true, // Set to true so user cannot edit rating
callback: function(rating) { //Mandatory
// do nothing as read only stars
}
};
当ng repeat在场馆列表中迭代时,我试图将当前venueItem变量的overallrating值传递回控制器。目标是显示每个场馆项目的星级。我正在尝试将评级设置为$scope.venueItem.overallrating,但这不起作用。
尝试添加带有ng-repeat
实例的评级对象
像这个
<ionic-ratings ratingsobj='venueItem.rating'></ionic-ratings>
分配此对象
rating = {
iconOn: 'ion-ios-star',
iconOff: 'ion-ios-star-outline',
iconOnColor: 'rgb(255, 215, 0)',
iconOffColor: 'rgb(224, 224, 224)',
rating: x.overallrating, // NEED TO DEFAULT THIS TO A RATING???
minRating: 0,
readOnly: true, // Set to true so user cannot edit rating
callback: function(rating) { //Mandatory
// do nothing as read only stars
}
对于列表中的每个对象$scope.venue
像这个
$scope.venue.forEach(function(x){
x.rating= {
iconOn: 'ion-ios-star',
iconOff: 'ion-ios-star-outline',
iconOnColor: 'rgb(255, 215, 0)',
iconOffColor: 'rgb(224, 224, 224)',
rating: x.overallrating,
minRating: 0,
readOnly: true, // Set to true so user cannot edit rating
callback: function(rating) { //Mandatory
// do nothing as read only stars
}
}
})