Angular indexOf not outputting text

Question

I'm trying to output the name "Sam" on the screen in a ng-show using indexOf, but nothing ever appears. Any help is appreciated.

html

   <head></head>
   <body>
      <div ng-controller="ArrayController">
         <div ng-repeat="product in products">
            <div ng-show="product.name.indexOf('Sam') == 2">
            </div>
         </div>
      </div>


      <script src="bower_components/angular/angular.js"></script>
      <script src="app.js"></script>
   </body>
</html>

angular

var app = angular.module('myApp', []);
app.controller('ArrayController', ['$scope', function($scope){
$scope.products = [
{
name: 'Joe'

},
{
name: 'Bill'
},
{
name: 'Sam'
}
];

}]);

Also keep in mind that your test will be never equals to 2. — developer033
– developer033, Commented Jul 19, 2016 at 13:46
Sorry but I'd also suggest you learn about what Array.indexOf does developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/… — Sami Triki
– Sami Triki, Commented Jul 19, 2016 at 13:47
@SamiTriki, Even String has indexOf() developer.mozilla.org/en/docs/Web/JavaScript/Reference/… — Satpal
– Satpal, Commented Jul 19, 2016 at 13:48
Do you need this https://jsfiddle.net/satpalsingh/hwne9jmu/ — Satpal
– Satpal, Commented Jul 19, 2016 at 13:50

daan.desmedt · Accepted Answer · 2016-07-19 13:52:51Z

1

Possible solution using ng-if instead of ng-show

<body ng-app="myApp">
      <div ng-controller="ArrayController">
        <div ng-repeat="product in products">
          <div ng-if="product.name.indexOf('Sam') > -1">{{product.name}}
          </div>
        </div>
      </div>
</body>

var app = angular.module('myApp', []);
app.controller('ArrayController', ['$scope', function($scope){
  $scope.products = [
    {
        name: 'Joe'
    },
    {
        name: 'Bill'
    },
    {
        name: 'Sam'
    }
  ];
}]);

answered Jul 19, 2016 at 13:52

daan.desmedt

3,8201 gold badge22 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Daniel Beck · Accepted Answer · 2016-07-19 13:51:44Z

0

<div ng-show="product.name.indexOf('Sam') == 2"></div>

This will show the div if product.name contains the string "Sam" starting at its third character (i.e. "xxSam"). That probably isn't what you want.

The div is empty, so will not be visible to the user even if the ng-show is truthy. That, too, is probably not what you want.

I'm pretty sure what you do want is this:

<div>{{product.name}}</div>

answered Jul 19, 2016 at 13:51

Daniel Beck

21.7k5 gold badges43 silver badges61 bronze badges

Collectives™ on Stack Overflow

Angular indexOf not outputting text

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related