title: Angularjs Directives Cleaner code
body: <p>I want to apply this directive inside td cells, there are 6 columns and i want to apply only at the columns 1,2,3 and 5.</p>
  
  <p>Is there a cleaner way to apply instead of applying raw html tags to these four cells ? </p>
  
  <pre><code> &lt;span ng-if="item.index === 2 
                                || item.index === 7
                                || item.index === 10
                                || item.index === 11"&gt;$ &lt;/span&gt;
  </code></pre>
  
  <p>I end with a huge list of html code :</p>
  
  <pre><code>&lt;td&gt;&lt;span ng-if="item.index === 2 || item.index === 7 || item.index === 10 || item.index === 11"&gt;$ &lt;/span&gt; {{item.label2 | number}}&lt;/td&gt; &lt;td&gt;&lt;span ng-if="item.index === 2 || item.index === 7 || item.index === 10 || item.index === 11"&gt;$ &lt;/span&gt; {{item.label3 | number}}&lt;/td&gt; &lt;td&gt;&lt;span ng-if="item.index === 2 || item.index === 7 ......
  </code></pre>