title: How to break a <tr ng-repeat> to display a single line based on ng-if?
body: <p>I'm iterating over <code>$scope.days</code> <em>array of objects</em> on my <code>ng-repeat</code>. Most of the objects don't have a <code>message</code> attribute. </p>
  
  <p>When a <code>day</code> have the <code>message</code> attribute, I don't want to display all <code>&lt;td&gt;</code> colums but, instead, I want to show a single line with that <code>message</code>.</p>
  
  <p>This is what I've tried so far. But seems like the <code>ng-if</code> is being ignored.</p>
  
  <pre><code>  &lt;tr ng-repeat='day in days'&gt;
        &lt;td&gt; {{day.number}} &lt;/td&gt;
        &lt;div ng-if='!day.message'&gt;
            &lt;td&gt; {{day.message}}&lt;/td&gt;
            &lt;td&gt; {{day.message}}&lt;/td&gt;
            &lt;td&gt; {{day.message}}&lt;/td&gt;
            &lt;td&gt; {{day.message}}&lt;/td&gt;
            &lt;td&gt; {{day.message}}&lt;/td&gt;
            &lt;td&gt; {{day.message}}&lt;/td&gt;
            &lt;td&gt; {{day.message}}&lt;/td&gt;
            &lt;td&gt; {{day.message}}&lt;/td&gt;
            &lt;td&gt; {{day.message}}&lt;/td&gt;
        &lt;/div&gt;
  
        &lt;div ng-if='day.message'&gt;
            {{day.message}}
        &lt;/div&gt;
    &lt;/tr&gt;
  </code></pre>
  
  <p>This is a <code>$scope.days</code> example:</p>
  
  <pre><code>$scope.days = [
    {number: 4},
    {number: 5, message: 'Saturday'},
    {number: 6, message: 'Sunday'},
    {number: 7}
  ];
  </code></pre>
  
  <p>On the above <code>$scope.days</code> example, I don't want the day number 5 and 6 to have 9 <code>&lt;td&gt;</code>, I want them just to display the message 'Saturday' and 'Sunday'.</p>