AngularJS : concatenate depending on variable value

Question

I have 3 input field in a form :

<input type="text" name="filename_regex_begin" ng-model="filename_regex_begin">
<input type="text" name="filename_regex_contains" ng-model="filename_regex_contains">
<input type="text" name="filename_regex_end" ng-model="filename_regex_end">

I concatenate them in a fourth field :

<input type="textarea" name="result" value="{{filename_regex_begin + filename_regex_contains + filename_regex_end}}">

But now, I'd like to do the following

if (filename_regex_contains is empty)
    <input type="textarea" name="result" value="{{filename_regex_begin + "*" + filename_regex_end}}">
else
    <input type="textarea" name="result" value="{{filename_regex_begin + "*" + filename_regex_contains + "*" + filename_regex_end}}">

I don't manage to do this with AngularJS (I just started learning it), is it possible ?

Giulio Molinari · Accepted Answer · 2015-02-12 13:08:31Z

2

You can do like this:

<input type="textarea" name="result" value="{{filename_regex_begin + '*' + (filename_regex_contains ? filename_regex_contains + '*' : '') + filename_regex_end}}">

Bye

answered Feb 12, 2015 at 13:08

Giulio Molinari

1326 bronze badges

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

Comments

AlainIb · Accepted Answer · 2015-02-12 13:15:35Z

0

the answer of Giulio Molinari is very good.

i will add that if you want to do an "if" condition in the view. you can do it with the angularjs ngIf:

    <span ng-if="filename_regex_contains is empty">
        <input type="textarea" name="result" value="{{filename_regex_begin + "*" + filename_regex_end}}">
    </span>
    <span ng-if="!(filename_regex_contains is empty)">
        <input type="textarea" name="result" value="{{filename_regex_begin + "*" + filename_regex_contains + "*" + filename_regex_end}}">
    </span>

answered Feb 12, 2015 at 13:15

AlainIb

4,6156 gold badges42 silver badges67 bronze badges

Collectives™ on Stack Overflow

AngularJS : concatenate depending on variable value

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