使用Ionic将值从ng repeat传递给AngularJS



我是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 
      }
   }
})

最新更新