Angular: How to mark needed row in table

Question

Is there any possibility to add CSS class "marked-row" to the TR-element in case if candidate.bl = TRUE ?

     <tbody>
        <tr data-ng-repeat="candidate in candidates | orderBy : orderByField : reverseSort">
            <td>{{candidate.fullname}}</td>
            <td>{{candidate.birthdate}}</td>
            <td><span ng-show="candidate.bl" class="glyphicon glyphicon-ok"></span></td>
        </tr>
    </tbody>

score 0 · Answer 1 · answered Oct 16 '14 at 16:46

    <tr ng-class="{'marked-row':candidate.marked}" data-ng-repeat="candidate in candidates | orderBy : orderByField : reverseSort">
        <td>{{candidate.fullname}}</td>
        <td>{{candidate.birthdate}}</td>
        <td><span ng-show="candidate.bl" class="glyphicon glyphicon-ok"></span></td>
    </tr>

score 0 · Accepted Answer · edited May 23 '17 at 11:49

0

try using ng-class

<tr data-ng-class="{'marked-row': candidate.bl}">

angular ng-class if-else expression

edited May 23 '17 at 11:49

Community

1
1

answered Oct 16 '14 at 16:47

dannypaz

1,294
1
12
16

Angular: How to mark needed row in table

2 Answers2