AngularJS ng-class if element exists

Question

I'm trying to add a class to li elements if something inside the li exists. Here's my code:

<li ng-repeat="answer in answers" ng-class="{'textleft': textleft}">
    <p class="left" ng-bind="maintext"></p> 
    <p class="right" ng-bind="optionaltext" ng-model="textleft" ng-init="textleft=true" ng-if="answer.category != null"></p>
</li>

I'm trying to get the li to center text if only one of the p elements show up. It works if I declare ng-model textleft before the li ng-class. Anyone know how I can get it to work like this?

Do you want add 'textleft' class to your li if the second p tag is showing? — AndyHu
– AndyHu, Commented Nov 2, 2015 at 23:47

Matt Way · Accepted Answer · 2015-11-02 23:50:26Z

1

Why not use the same statement that you are using to determine whether or not to display the <p> tag, to set the class?

<li ng-repeat="answer in answers" ng-class="{'textleft': answer.category != null}">
    <p class="left" ng-bind="maintext"></p> 
    <p class="right" ng-bind="optionaltext" ng-model="textleft" ng-if="answer.category != null"></p>
</li>

answered Nov 2, 2015 at 23:50

Matt Way

33.3k10 gold badges85 silver badges86 bronze badges

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

Collectives™ on Stack Overflow

AngularJS ng-class if element exists

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related