title: Angular ng-if to set a class in ng-repeat
body: <p>I am creating pagination buttons that call specific content through custom angular directives. These buttons are created via ng-repeat.</p>
  
  <pre><code>            &lt;div class="margin-less row"&gt;
                  &lt;a ng-repeat="i in getNumber(9)" href="#/5-4-9_novena?day={{$index + 1}}"&gt;
                      &lt;div class="small-1 panel-default columns pagination-panel" ng-if { ng-class="current: $index + 1 == date.weekday"}&gt;
                          &lt;h4 class="panel-title "&gt;{{$index + 1}}&lt;/h4&gt;&lt;/div&gt;
                  &lt;/a&gt;
              &lt;/div&gt;
  </code></pre>
  
  <p>I attempted to use ng-if to add a class "current" on the pagination link that matches the link whose index matches {{date.weekday}}. However, to my disappointment I couldn't get it to add the class when the index matched the scope. Am I missing anything?</p>