title: AngularJS Hide / Show Row with toggle-Button not work
body: <p>I try to use a toggle-button to show and hide a row of my table. Unfortunately, it does not work and I get no error in the console. Debugging AngularJS is quite hard for a beginner. If I put links between  it works. But I need the toggle-Button outside of my table.</p>
  
  <p>Here is the fiddle, which do not work.  </p>
  
  <p><a href="http://jsfiddle.net/marmuel/h6DH5/19/" rel="nofollow">fiddle</a></p>
  
  <p>Thank you!</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;body ng-app="lexoffice" ng:controller="CtrlInvoice"&gt;
  &lt;table ng-repeat="field in data.fields"&gt;
  &lt;tbody&gt;
  &lt;tr class="trShipping" ng-hide="field.isRowHidden"&gt;
  &lt;td&gt;&lt;input&gt;{{field.shippingcosts}}&lt;/input&gt;&lt;/td&gt;
  &lt;td&gt;&lt;textarea type="text" ng:model="selectionCurrency"&gt;&lt;/textarea&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;/tbody&gt;        
  &lt;/table&gt;
  &lt;div class="btn-group btn-group-shipping" data-toggle="buttons"&gt;
  &lt;label class="btn btn-default shipping-radio"&gt;
  &lt;input type="radio" class="btn" ng-click="hideShippingCosts(field)"&gt;
      Hide Row&lt;/label&gt;
  &lt;label class="btn btn-default shipping-radio"&gt;
  &lt;input type="radio" class="btn" ng-click="showShippingCosts(field)"&gt;
      Show Row&lt;/label&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>SCRIPT</strong></p>
  
  <pre><code>var myApp = angular.module('lexoffice', []);
  
  function CtrlInvoice($scope) {
      $scope.data = {
          fields: [{
              shippingcosts: 0.00,
              isRowHidden: false
          }]
      };
  
      $scope.hideShippingCosts = function (field) {
          field.shippingcosts = 0.00;
          field.isRowHidden = true;
      }
      $scope.showShippingCosts = function (field) {
          field.shippingcosts = 0.00;
          field.isRowHidden = false;
      }
  }
  </code></pre>