title: Show and hide buttons depending on text field value using angular
body: <p>This is my Html Code. There are two columns with two text fields. i need to hide the buttons if there are no values in the text fields. I need to do it in AngularJS. This is a school project. Please can anyone help me with this?</p>
  
  <pre><code>&lt;tbody&gt;
      &lt;tr&gt;
          &lt;td data-title=""&gt;
              &lt;input class="form-control" type="text" placeholder="" 
                     ng-model="LSex" readonly&gt;
          &lt;/td&gt;
          &lt;td data-title=""&gt;
              &lt;button ng-click=""&gt;&lt;&lt;/button&gt;
          &lt;/td&gt;
          &lt;td data-title=""&gt;
              &lt;button ng-click=""&gt;&gt;&lt;/button&gt;
          &lt;/td&gt;
          &lt;td data-title=""&gt;
              &lt;input class="form-control" type="text" placeholder="" 
                     ng-model="RSex" readonly&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
  
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td data-title=""&gt;&lt;input class="form-control" type="text" 
              placeholder="" ng-model="LWeight" readonly&gt;
          &lt;/td&gt;
          &lt;td data-title=""&gt;
              &lt;button ng-click=""&gt;&lt;&lt;/button&gt;
          &lt;/td&gt;
          &lt;td data-title=""&gt;
              &lt;button ng-click=""&gt;&gt;&lt;/button&gt;&lt;/td&gt;
          &lt;td data-title=""&gt;&lt;input class="form-control" type="text" 
              placeholder="" ng-model="RWeight"  readonly&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
  </code></pre>