How to show a (hidden) <td> on button click using AngularJS?
<p>I want to show a <code>&lt;td&gt;</code> on button press. The TD should also be in a hidden state and page load.
The <code>&lt;td&gt;</code> I want to show also contains a drop down list. I want this <code>&lt;select&gt;</code> to be displayed on first button click.</p>

<p>My Angular table created  using ng-repeat is :</p>

<pre><code>&lt;div class="widget-content" ng-controller="getAllBenchersController"&gt;

  &lt;table ng-table="talentPoolList" show-filter="true" class="table table-striped table-bordered"&gt;
    &lt;tr ng-repeat="employee in data | filter: testFilter"&gt;
    &lt;td data-title="'#'"&gt;{{$index + 1}}&lt;/td&gt;
    &lt;td data-title="'Select Account'"&gt;
            &lt;select&gt;
                &lt;option disabled selected value&gt; -- select an option -- &lt;/option&gt;
                &lt;option id="selectedLocked"&gt;Blocked&lt;/option&gt;
                &lt;option id="selectedBilled"&gt;Billed&lt;//option&gt;
                &lt;option id="selectedShadow"&gt;Shadow&lt;/option&gt;
                &lt;option id="selectedOnNotice"&gt;OnNotice&lt;/option&gt;
                &lt;option id="selectedPOC"&gt;POC&lt;/option&gt;
            &lt;/select&gt;
        &lt;/td&gt;
        &lt;td&gt;
            &lt;a&gt;&lt;button class="btn  btn-success"  ng-model="checked"&gt;Reserve&lt;/button&gt;&lt;/a&gt;
        &lt;/td&gt;

    &lt;/tr&gt;
  &lt;/table&gt;

&lt;/div&gt;
</code></pre>

<p>Then I want the button to post a data on its second click. I can do that, but the code for displaying the <code>&lt;td&gt;</code> should not affect the working of second button click function.<br>
I am new to Angular and have no clue how to achieve this.<br>
Can anyone help?</p>