title: dynamically add colspan value on condition angularjs
body: <p>how to change table header 'th' colspan value on a condition using angular?</p>
  
  <p>Heres what I have tried. this doesnt work, whats wrong here!.</p>
  
  <pre><code>&lt;th  ng-attr-colspan={{2}} ng-repeat="header in ::tableHeaders track by $index"&gt;'+ '{{header}}&lt;/th&gt;
  </code></pre>
  
  <p>or</p>
  
  <pre><code>&lt;th  ng-attr-colspan="someFunct()" ng-repeat="header in ::tableHeaders track by $index"&gt;'+ '{{header}}&lt;/th&gt;
  </code></pre>
  
  <p>or 
  This works but I would like to change the value everytime.</p>
  
  <pre><code>&lt;th  colspan={{2}} ng-repeat="header in ::tableHeaders track by $index"&gt;'+ '{{header}}&lt;/th&gt;
  </code></pre>