set dynamic values to ng-switch-when='1' in AngularJS

Question

I'm new to AngularJS, I'm using

<div class="imageslide" ng-switch='slideshow' ng-animate="'animate'">
   <div ng-repeat="img in images">
      <div class="slider-content"  ng-switch-when='$index'>
          <!-- <p>Slider's are amazing1!</p> -->
          <img ng-src="{{img.image_thumb}}">
      </div>  
   </div>
</div>

When I'm using ng-switch-when='1' it is working but, I'm trying to ng-switch-when works dynamic with the index if current loop element.

Please help!

Possible duplicate of [Angular.js ng-switch-when not working with dynamic data?](https://stackoverflow.com/questions/21566118/angular-js-ng-switch-when-not-working-with-dynamic-data) — the_mishra, May 31 '17 at 07:49
Yes, I have seen both of these also, but my case is different then their. — Jai Chauhan, May 31 '17 at 07:59

score 1 · Accepted Answer · answered May 31 '17 at 09:40

var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {
  $scope.records = [
    "Alfreds Futterkiste",
    "Berglunds snabbköp",
    "Centro comercial Moctezuma",
    "Ernst Handel",
  ]
});

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>

<body ng-app="myApp" ng-controller="myCtrl">

<h1 ng-repeat="x in records">
<div ng-switch="$index">
<span style="color: red" ng-switch-when="1">{{x}}</span>
<span style="color: blue" ng-switch-when="2">{{x}}</span>
<span style="color: green" ng-switch-when="2">{{x}}</span>
</div>
</h1>
 

</body>
</html>

set dynamic values to ng-switch-when='1' in AngularJS

1 Answers1