Angular IF ELSE show element

Question

I am by setting the display type of a dashboard and came across this problem, how to make a if else in angular.

Is there a better way to do this?

<div ng-if="'CONFIG.dashboard.rows == 1'" layout="column" flex>
<div ng-if="'CONFIG.dashboard.rows > 1'" layout="row" flex>

RESOLVED:

<div ng-switch on="CONFIG.dashboard.rows" flex>

    <div ng-switch-when="1" layout="column" flex layout-wrap>

        <div ng-repeat="wdg in CONFIG.widgets" flex='100' ng-include="wdg.template"></div>

    </div>


    <div ng-switch-default layout="row" flex layout-wrap>

        <div ng-repeat="wdg in CONFIG.widgets" flex='50' ng-include="wdg.template"></div>

    </div>

</div>

Did you have a look at angular views? docs.angularjs.org/api/ngRoute/directive/ngView — Boas Enkler
– Boas Enkler, Commented Jul 23, 2015 at 20:22
I just want to put an element or change it, depending on the settings made. With views I would have a lot more work, but thanks for the reply. — dualdesign
– dualdesign, Commented Jul 23, 2015 at 20:26
possible duplicate of If else conditions in angularjs templates — Blackhole
– Blackhole, Commented Jul 23, 2015 at 20:37

steve v · Accepted Answer · 2015-07-23 20:25:10Z

2

You could use the ngSwitch directive to accomplish this.

answered Jul 23, 2015 at 20:25

steve v

3,5501 gold badge20 silver badges25 bronze badges

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

1 Comment

dualdesign Over a year ago

I can use on one line?

Collectives™ on Stack Overflow

Angular IF ELSE show element

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related