title: Conditional Cell template on Angular UI Grid
body: <p>I'm using <a href="http://ui-grid.info/" rel="nofollow">Angular UI Grid</a>.Can you tell me how to select a cell template according to the condition? I have tried as shown below. Obviously it is not working hence first one has been overridden by the second one always.Can you tell me how to do this ?</p>
  
  <pre><code>statusCellTemplate = '&lt;div class="ui-grid-cell-contents" ng-
  if="row.entity.statusDetails.length&gt;=2"&gt;&lt;label&gt;[Multiple Statuses]&lt;/label&gt;&lt;/div&gt;';
  
  statusCellTemplate = '&lt;div class="ui-grid-cell-contents" ng-
  if="row.entity.statusDetails.length=1"&gt;&lt;label&gt;
  {{row.entity.statusDetails[0].status.name}}&lt;/label&gt;&lt;/div&gt;';
  </code></pre>
  
  <p><strong>UPDATE :</strong> I have tried as shown below.But it always shows the last one.Do you know why ?</p>
  
  <pre><code> statusCellTemplate =
  '&lt;div class="ui-grid-cell-contents"&gt;&lt;span ng-
  if="row.entity.statusDetails.length&gt;=2"&gt;[Multiple Statuses]
  &lt;/span&gt;&lt;span ng-if="row.entity.statusDetails.length=1"&gt;
  {{row.entity.statusDetails[0].status.name}}&lt;/span&gt;&lt;/div&gt;';
  </code></pre>
  
  <p>And tried with the <code>ng-show</code> also.same result.No Luck :(</p>