title: Atmosphere.js package, angular-templates, throws error on less than operator in my binding
body: <p>The Error being thrown</p>
  
  <pre><code>=&gt; Errors prevented startup:                  
  
     While processing files with angular-templates (for target web.browser):
     client/templates/rcalendar/day.html:7: Expected tag name after `&lt;`
     ...            {{$index&lt;12?($index === 0?12:...
     ^
     client/templates/rcalendar/week.html:16: Expected tag name after `&lt;`
     ...            {{$index&lt;12?($index === 0?12:...
  </code></pre>
  
  <p>The offending HTML</p>
  
  <pre><code>&lt;td class="calendar-cell"&gt;
     &lt;div class="add_event_shade" style="height:100%;" ng-if="!tm.events" ng-show"clickCount" on-touch="hourTouch($event)"&gt;
        &lt;p style="display:none;"&gt;+ New event&lt;/p&gt;
        &lt;p style="display:none;"&gt;{{$index&lt;12?($index === 0?12:$index)+':00 am':($index === 12?$index:$index-12)+':00 pm'}}&lt;/p&gt;
     &lt;/div&gt;
     &lt;div ng-class="{'calendar-event-wrap': tm.events}" ng-show="tm.events"&gt;
        &lt;div ng-repeat="displayEvent in tm.events" 
               class="calendar-event" 
               ng-click="eventSelected({event:displayEvent.event})"
               ng-style="{left: 100/displayEvent.overlapNumber*displayEvent.position+'%', width: 100/displayEvent.overlapNumber+'%', top: displayEvent.event.startTimeOffset+'%', height: 37*(displayEvent.event.totalApptTime)+'px'}"&gt;
            &lt;div class="calendar-event-inner" style="white-space: pre-wrap; font-weight: bold"&gt;{{displayEvent.event.title}}&lt;/div&gt;
        &lt;/div&gt;
     &lt;/div&gt;
  &lt;/td&gt;
  </code></pre>
  
  <p>How can I set conditionals in my bindings like this?</p>