AngularJs - how to check indexOf in a variable?

Question

I have this html code and if the "modalOptions.actionButtonText" contains "delete" then I need to display danger button instead of primary button

Html Code:

<button class="btn btn-primary" data-ng-click="modalOptions.ok();">{{modalOptions.actionButtonText}}</button>

I know we can use "ng-if" to check the condition but is there any way I can use indexOf in angularjs or something else to achieve this?

jessegavin · Accepted Answer · 2014-01-06 15:25:25Z

2

Looks dirty, but it works.

See working demo

<button class="btn" 
  data-ng-class="{'btn-primary': modalOptions.actionButtonText.indexOf('delete') == -1,
                  'btn-danger': modalOptions.actionButtonText.indexOf('delete') > -1}"
  data-ng-click="modalOptions.ok();">{{modalOptions.actionButtonText}}</button>

The ngClass directive lets you add/remove classes based on a boolean expression. So here, I am adding btn-primary if "delete" isn't found in the button text and btn-danger if it is.

edited Jan 6, 2014 at 15:25

answered Jan 6, 2014 at 15:15

jessegavin

75.8k28 gold badges141 silver badges165 bronze badges

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

Comments

Joe Velez · Accepted Answer · 2016-01-22 17:49:33Z

2

I wanted something similar, but wrote it in shorthand:

<li ng-class="haystack.indexOf('needle') != -1 ? 'active' : 'inactive'">

answered Jan 22, 2016 at 17:49

Joe Velez

1401 silver badge4 bronze badges

Collectives™ on Stack Overflow

AngularJs - how to check indexOf in a variable?

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