ng if with angular for string contains

Question

I have the following Angular code    lt li ng-repeat  select in Items  gt               lt foo ng-repeat  newin select values  gt    new label   lt  foo gt                   How can I use an ng-if condition to look for a specific character   ng-if  select name            to only display the code when the character is here  The value I have is like 88 77 and the numbers are dynamic but the question mark is always there  I can t seem to filter based on that

User · Answer

Do checks like that in a controller function. Your HTML should be easy-to-read markup without logic.

Controller:

angular.module("myApp")
.controller("myController",function(){
    var self = this;

    self.select = { /* ... */ };

    self.showFoo = function() {
        //Checks if self.select.name contains the character '?'
        return self.select.name.indexOf('?') != -1;
    }
});

Page example:

<div ng-app="myApp" ng-controller="myController as vm">
    <p ng-show="vm.showFoo()">Bar</p>
</div>

User · Answer

ES2015 UPDATE  ES2015 have String includes method that checks whether a string contains another  This can be used if the target environment supports it  The method returns true if the needle is found in haystack else returns false   ng-if  haystack includes needle     Here  needle is the string that is to be searched in haystack   See Browser Compatibility table from MDN  Note that this is not supported by IE and Opera  In this case polyfill can be used     You can use String indexOf to get the index of the needle in haystack    If the needle is not present in the haystack -1 is returned  If needle is present at the beginning of the haystack 0 is returned  Else the index at which needle is  is returned    The index can be compared with -1 to check whether needle is found in haystack   ng-if  haystack indexOf needle   gt  -1       For Angular 2     ngIf  haystack includes needle

User · Answer

ng-if  select name indexOf          -1

User · Answer

Only the shortcut syntax worked for me  ngIf    I think it s the later versions that use this syntax if I m not mistaken    lt div  ngIf  haystack indexOf  needle    gt  -1  gt   lt  div gt    or   lt div  ngIf  haystack includes  needle    gt   lt  div gt

User · Answer

All javascript methods are applicable with angularjs because angularjs itself is a javascript framework so you can use indexOf   inside angular directives   lt li ng-repeat  select in Items  gt               lt foo ng-repeat  newin select values  gt   lt span ng-if  newin label indexOf x      -1  gt   newin label   lt  span gt  lt  foo gt   lt  li gt    where x is your character to be found

[javascript] ng if with angular for string contains

Examples related to javascript

Examples related to jquery

Examples related to css

Examples related to arrays

Examples related to angularjs