title: How to hide the label text when the value is empty?
body: <p>Within a table cell, I am listing several items that are populated using ng-repeat, using the structure below. However, for some entries, properties such as "user.favcolor" are blank. What's the easiest way to hide text such as "Favorite color:" in that case so that I don't end up with a row that has "Favorite color:" and no value beside it?</p>
  
  <pre><code>        &lt;table&gt;
              &lt;thead&gt;
                  &lt;tr&gt;
                      &lt;th&gt;Price&lt;/th&gt;
                      &lt;th&gt;Plan Contents&lt;/th&gt;
                  &lt;/tr&gt;
              &lt;/thead&gt;
              &lt;tbody&gt;
                  &lt;tr ng-repeat="tip in tips"&gt;
                      &lt;td&gt;{{tip.priceMonthly}}&lt;/td&gt;
                      &lt;td&gt;&lt;span&gt;Name: {{user.name}}&lt;/span&gt;
                          &lt;span&gt;ID: {{user.id}}&lt;/span&gt;
                          &lt;span&gt;Favorite color: {{user.favcolor}}&lt;/span&gt;
                      &lt;/td&gt;
                  &lt;/tr&gt;
              &lt;/tbody&gt;
          &lt;/table&gt;
  </code></pre>