how to show column only when prior column has a specific value
<p>I am pulling data from database into a table.</p>

<p>A fraction of the table code is as below</p>

<pre><code>&lt;tr&gt;
    &lt;th&gt;Approved&lt;/th&gt;
    &lt;th&gt;Edit&lt;/th&gt;
&lt;/tr&gt;
&lt;tr ng-repeat="x in list"&gt;
    &lt;td&gt;
        &lt;span data-ng-show="!editable"&gt;{{x.approved}}&lt;/span&gt;
        &lt;span data-ng-show="editable"&gt;
             &lt;select style="" class="form-control" ng-model="x.approved"&gt;
                  &lt;option value="Y"&gt;Y&lt;/option&gt;
                  &lt;option value="N"&gt;N&lt;/option&gt;
             &lt;/select&gt;
        &lt;/span&gt;
    &lt;/td&gt;
    &lt;td&gt;
        &lt;span type="submit" data-ng-hide="editable" data-ng-click="editable = true" class="glyphicon glyphicon-edit"&gt;&lt;/span&gt;
        &lt;span type="submit" data-ng-show="editable" data-ng-click="editable = false; change($index)" class="glyphicon glyphicon-ok-circle"&gt;&lt;/span&gt;
        &lt;span type="submit" data-ng-show="editable" data-ng-click="editable = false; cancel()" class="glyphicon glyphicon-remove-circle"&gt;&lt;/span&gt; 
    &lt;/td&gt;
&lt;/tr&gt;
</code></pre>

<p>Approved column gives either a 'Y' or a 'N'.
I have written the javascript code(change($index) functionality) at the backend to exchange values of Y and N on my necessity.</p>

<p>the second column shows an editable icon at all times for me to change values. I want it to show the editable icon only when {{x.approved}} == N so that i can change the approved status to Y.</p>

<p>I am not sure how or where to use the ng-show option.</p>

<p>Tried but not able to understand if ng-show='{{x.approved}}=="N"' works or not in the "td" element.</p>

<p>Help would be appreciated.</p>