AngularJS tips and tricks.

I struggled with few things in AngularJS so here are the solutions I managed to do everything.

NG-repeat in select way 1. different value and text

  <select class="styled-select" ng-model="group.id">
            <option disabled selected value> -- select group -- </option>
            <option ng-repeat="group in groups" value="{{group.id}}">{{group.name}}</option>
  </select>

NG-repeat in select way 2. different value and text

      <select class="styled-select"
     ng-options="group.name for group in groups track by group.id"
     ng-model="group.id"></select>

NG-repeat if condition

  <li ng-repeat="group in user.groups">

            <span class="label label-info label-groups">

              <span ng-if="group.group.name === 'admins'">Admin</span>

              <span ng-if="group.group.name === 'devices'">User</span>

              <span ng-if="group.group.name === 'business'">User</span>

              <span ng-if="group.group.name === 'readers'">Viewer</span>

            </span>

  </li>

Class based on condition

  <td ng-class="{'label label-danger' : alarm.severity === 'CRITICAL',

         'label label-warning' : alarm.severity === 'MAJOR',

         'label label-info' : alarm.severity === 'MINOR',

         'label label-default' : alarm.severity === 'WARNING'}">{{alarm.severity}}</td>