AngularJS search string in ng-if

Question

I need to know if a string containts another string in "ng-if" instruction

 <span ng-if="list.alignement.search(/leftright/i) > -1">
                <span class="pull-left" ng-bind="list.data[0]"></span>
                <span class="pull-right" ng-bind="list.data[1]"></span>
            </span>

I have this error :

http://errors.angularjs.org/1.2.19/$parse/syntax?p0=leftright&p1=is%20unexpected%2C%20expecting%20%5B)%5D&p2=25&p3=list.alignement.search(%2Fleftright%2Fi)%20%3E%20-1&p4=leftright%2Fi)%20%3E%20-1

I try to cast it into String but it doesn't work :

<span ng-if="String(list.alignement).search(/leftright/i) > -1">
                <span class="pull-left" ng-bind="list.data[0]"></span>
                <span class="pull-right" ng-bind="list.data[1]"></span>
            </span>

EpokK · Accepted Answer · 2014-07-28 07:25:39Z

2

You need to call external function in your controller like this:

view

<span ng-if="foo(list)">

controller

$scope.foo = function(list) {    
    return String(list.alignement).search(/leftright/i) > -1; 
};

answered Jul 28, 2014 at 7:25

EpokK

38.1k9 gold badges63 silver badges69 bronze badges

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

Comments

harishr · Accepted Answer · 2014-07-28 07:38:50Z

1

you can create factory for this

app.factory("stringContains", function(){
   return function(input, value){
        return (input.indexOf(value) > -1)
   }
}

you can use it like this

       <span ng-if="list.alignement | stringContains : 'leftright' ">
            <span class="pull-left" ng-bind="list.data[0]"></span>
            <span class="pull-right" ng-bind="list.data[1]"></span>
        </span>

answered Jul 28, 2014 at 7:38

harishr

18.1k9 gold badges84 silver badges131 bronze badges

Collectives™ on Stack Overflow

AngularJS search string in ng-if

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