title: is it possible to combine multiple ng-class
body: <p>is it possible to avoid repeating the code here by replacing the ng-switch by ng-class.  </p>
  
  <pre><code>&lt;li ng-repeat="el in elm.required"&gt;
      &lt;span ng-switch on="el.type" &gt;
          &lt;i class="icon-file" ng-switch-when="upload" tooltip="{{el.name}}" ng-class="{'muted':!el.completed}"&gt;&lt;/i&gt;
          &lt;i class="icon-check" ng-switch-when="checkbox" tooltip="{{el.name}}" ng-class="{'muted':!el.completed}"&gt;&lt;/i&gt;
          &lt;i class="icon-calendar" ng-switch-when="date" tooltip="{{el.name}}" ng-class="{'muted':!el.completed}"&gt;&lt;/i&gt;
          &lt;i class="icon-pencil" ng-switch-when="text" tooltip="{{el.name}}" ng-class="{'muted':!el.completed}"&gt;&lt;/i&gt;
          &lt;i class="icon-envelope" ng-switch-when="email" tooltip="{{el.name}}" ng-class="{'muted':!el.completed}"&gt;&lt;/i&gt;
      &lt;/span&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>with something like this (not working, because there are two ng-class instructions) : </p>
  
  <pre><code>&lt;li ng-repeat="el in elm.required"&gt;
      &lt;i tooltip="{{el.name}}" ng-class="{upload:'icon\-file', checkbox:'icon\-check', 'date':'icon\-calendar', text:'icon\-pencil', 'email':'icon\-envelope'}[el.type]" ng-class="{'muted':!el.completed}" &gt;&lt;/i&gt;
  &lt;/li&gt;
  </code></pre>