title: How to conditionally enter column markup based on ng-repeat table?
body: <p>What I'm trying to do is to conditionally change what is displayed within a td column block, based on some value of my ng-repeat's iterated object value. More specifically, if you look at the code below, what I want to do, is based on some value of data.col2val, I want to change what is displayed in column2 for that row.</p>
  
  <p>I know that there is no such thing as a ng-if-else, but if there was, my code might look something like this:</p>
  
  <pre><code>&lt;table class="table" id="myTable"&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Column1&lt;/th&gt;
              &lt;th&gt;Column2&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody ng-repeat="data in dataStore"&gt;
          &lt;tr&gt;
              &lt;td&gt;{{data.col1val}}&lt;/td&gt;
              &lt;td ng-if="{{data.col2val}}='something'" style="somestyle"&gt;something&lt;/td&gt;
              &lt;td ng-if-else="{{data.col2val}}='somethingelse'" style="someotherstyle"&gt;somethingelse&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Maybe there is a trivial way to do this, but I can't seem to figure/google it out. I know how do to this what ASP.NET/Razor but not with Angular, so any assistance is appreciated and pardon my ignorance.</p>