title: Show/hide element AngularJS based on Controller boolean variable
body: <p>I am trying to hide/show a portion of a form based on a Controller boolean variable. this is my html code:</p>
  
  <pre><code>&lt;div id="sheetform-container" ng-controller="SheetController as SheetCtrl"&gt;
    &lt;form action="#"&gt;
      &lt;div class="sheetform-row" ng-show="canShow('Price')"&gt;
        &lt;div class="sheetform-left-col fl-left"&gt;&lt;label for="sheetform-price"&gt;Price&lt;/label&gt;&lt;/div&gt;
        &lt;div class="sheetform-midlle-col fl-left"&gt;&lt;input type="text" class="sheetform-input" id="sheetform-price" name="price" value="$ 0.00" /&gt;&lt;/div&gt;
        &lt;div class="sheetform-right-col fl-right"&gt;&lt;/div&gt;
      &lt;/div&gt;
    &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I have created a function that changes the Price attribute to true/false according to the value sent, its called setConfig. This is how the Controller code looks like:</p>
  
  <pre><code>ngApp.controller('SheetController', ['$scope', function($scope) {
      $scope.Price = true;
  
      $scope.canShow = function(field) {
          return $scope.Price;
      }
  
      $scope.setConfig = function(config) {
          $scope.Price = config.Price;
      }
  }]);
  </code></pre>
  
  <p>Any idea what am I missing?</p>
  
  <p>Thanks! </p>