How to write a nested condition using Angular?

Question

I am having a column named Ordered in a show page which prints Order number as :

<div class="col-sm-2 detail" ng-if="clTxn.ordered">
  <a ng-if="relTransaction.txnType == 'Order'" ng-repeat="relTransaction in clTxn.relTransactions" ui-sref="order({id: relTransaction.txnId })">{{'Ord#'}}</a>
  <div class="title">Ordered</div>
</div>

It is working fine with order, now I need to add the same when relTransaction.txnType == 'Purchase'. I am new to angular but I tried to put the same above Order with Purchase but didn't worked for me.

Note both Order and Purchase must be under this condition:

'ng-if' => 'clTxn.ordered'

Please help me out.

Can you post the entire template code? Where did you put those conditions? In the attribute of a tag in your template? I Don't understand — Zorgatone
– Zorgatone, Commented Nov 12, 2015 at 12:10
Actually Just I need to write an extra ng-if condition under {'ng-if' => 'clTxn.ordered'} for Purchase like 'ng-if' => "relTransaction.txnType == 'Order' as shown in question. — venkat
– venkat, Commented Nov 12, 2015 at 12:14
Oh I see now, is it a HTML preprocessor? Please write HTML instead for people that can't read it — Zorgatone
– Zorgatone, Commented Nov 12, 2015 at 12:15

Alexander Elgin · Accepted Answer · 2015-11-12 12:37:49Z

1

<div class="col-sm-2 detail" ng-if="clTxn.ordered">
  <a ng-if="['Order', 'Purchase'].indexOf(relTransaction.txnType) != -1" ng-repeat="relTransaction in clTxn.relTransactions" ui-sref="order({id: relTransaction.txnId })">{{'Ord#'}}</a>
  <div class="title">Ordered</div>
</div>

answered Nov 12, 2015 at 12:37

Alexander Elgin

6,9954 gold badges44 silver badges53 bronze badges

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

3 Comments

Alexander Elgin Over a year ago

or ng-if="('Purchase' == relTransaction.txnType) || ('Order' == relTransaction.txnType)"

venkat Over a year ago

Actually we have to show "PO#" if 'ng-if' => "relTransaction.txnType == 'Purchase' and "Ord#" if 'ng-if' => "relTransaction.txnType == 'Order'

Alexander Elgin Over a year ago

Then there are 2 different blocks

Collectives™ on Stack Overflow

How to write a nested condition using Angular?

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related