How to mix two ng-class expressions?

Question

I have two ng-class expression.
ng-class="{true: 'none-block', false: 'block'}[x.done&x.hide]"
ng-class="{true: 'strike', false: 'default'}[x.done]"
How to mix them into one?

the real question:

<div ng-repeat="x in shoppingList |orderBy:'+done'|filter:search track by $index"  class="list-item" ng-class="{true: 'none-block', false: 'block'}[x.done&&hideMark]" style="padding-bottom:22px" >
    <a href="#" ng-click="done(x)" ng-class="{true: 'strike', false: 'default'}[x.done]" style="display:block">
          {{shoppingList.indexOf(x)}}. 
    <span class="thing" ng-bind="x.itemText"></span>
    </a></div>

Sorry got confused with your question. There's already a valid answer tho :) — Chris Hermut, Dec 09 '15 at 17:15
http://stackoverflow.com/questions/18871277/adding-multiple-class-using-ng-class — Praveen Prasannan, Dec 09 '15 at 17:17
Thank you for your answer. Sorry my question is two different condition. — Zhihau Shiu, Dec 10 '15 at 04:46

score 2 · Answer 1 · edited Dec 09 '15 at 17:47

2

It should be

ng-class="{true: 'none-block strike', false: 'block default'}[x.done]"

edited Dec 09 '15 at 17:47

Pankaj Parkar

134,766
23
234
299

answered Dec 09 '15 at 17:15

Praveen Prasannan

7,093
10
50
70

Thank you for your information. Sorry my question is two different condition. – Zhihau Shiu Dec 10 '15 at 04:48
post your real question. then we may can help. Otherwise its hard to predict the answer – Praveen Prasannan Dec 10 '15 at 04:49

score 0 · Answer 2 · answered Dec 09 '15 at 17:36

0

ng-class="{'block default': !x[done], 'none-block strike': x[done]}"

answered Dec 09 '15 at 17:36

georgeawg

48,608
13
72
95

How to mix two ng-class expressions?

2 Answers2