咏竹莉
where there is a will,there is a way

 方法一: 

html:

  <div class="todayEnergyTab">
     <ul>
         <li ng-repeat="item in todayEnergyChart" ng-click="getTodayEnergyChart($index,item)" ng-class="{'current': $index === isSelected}">{{item.name}}</li>
     </ul>
  </div>

 

 

js: 

 

  $scope.isSelected = 0

   $scope.getTodayEnergyChart = function (index,item) {
      $scope.isSelected = index
      // console.log(index,item)
      // console.log($scope.isSelected)
   }

 

 

二、动态添加法二

后台返回的类

<div class="park-item-box environment">
  <ul>
    <li ng-repeat="item in environmentMonitor">
      <div class="environ-left">
        <h4><i class="apipark-all" ng-class="[item.class]"></i>{{item.name}}</h4>
        <div class="environmentNum"><em>{{item.value}}</em>{{item.unit}}</div>
      </div>
    </li>
  </ul>
</div>

 

posted on 2021-03-17 17:58  咏竹莉  阅读(183)  评论(0)    收藏  举报