Angular Js , Check substring in comma separated string in angular js

Question

I have got following result from localstorage,

HD, TA, DI

Now In angular js I want to display divs based on this data as:

HD      : Only display Home Delivery Button.
HD, TA  : Display Home Delivery and Take Away Buttons.
HD,TA,DI: Display Home Delivery, Take Away, dine In Buttons.

<div ng-if="result==What should be here"></div>

F.Igor · Accepted Answer · 2016-10-21 14:59:49Z

3

You can use directly in ng-if ($scope.items='HD, TA, DI')

  <button ng-if="items.indexOf('HD')>=0">HD</button>
  <button ng-if="items.indexOf('TA')>=0">TA</button>
  <button ng-if="items.indexOf('DI')>=0">DI</button>

http://plnkr.co/edit/lCtywXHZh9474MviIoTZ?p=preview

answered Oct 21, 2016 at 14:59

F.Igor

4,5401 gold badge25 silver badges31 bronze badges

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

Comments

Larry Turtis · Accepted Answer · 2016-10-21 14:46:33Z

1

In your controller:

app.controller('MainCtrl', function($scope) {
  $scope.localStorage = ["HD", "TA", "DI"];
  if ($scope.localStorage.indexOf("HD") >= 0) {
    $scope.hd = true;
  }
  if ($scope.localStorage.indexOf("TA") >= 0) {
    $scope.ta = true;
  }
  if ($scope.localStorage.indexOf("DI") >= 0) {
    $scope.di = true;
  }
});

And in your view:

<html ng-app="myApp">
      <body ng-controller="MainCtrl">
        <div ng-if="hd">HD</div>
        <div ng-if="ta">TA</div>
        <div ng-if="di">DI</div>
      </body>
</html>

answered Oct 21, 2016 at 14:46

Larry Turtis

1,91614 silver badges26 bronze badges

Collectives™ on Stack Overflow

Angular Js , Check substring in comma separated string in angular js

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