title: Displaying a boolean value in an angularjs grid column
body: <p>I am working on a web app and I need to display if something is being backed up or not and want to start off by just displaying a boolean value in the column.</p>
  
  <p>Right now, this is some of what I have:</p>
  
  <p><strong>JS:</strong></p>
  
  <pre><code>$scope.backupStatus = false;
  
  $scope.enableBackup = function() {
     $scope.selectedProject.backupStatus = true;
  };
  
  $scope.disableBackup = function() {
     $scope.selectedProject.backupStatus = false;
  };
  </code></pre>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;div class="ui-grid-cell-contents"&gt;
  
     &lt;div layout="row" layout-align="start center"&gt;
       &lt;span&gt;{{selectedProject.backupStatus}}&lt;/span&gt;
     &lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>Obviously, what I have right now is not working and nothing is being displayed in the column. I am just wondering what conventions I need to follow to get this to display in the column.</p>
  
  <p><strong>To clarify</strong>: The enableBackup and DisableBackup functions are being called when there is a button that is clicked in a different part of my grid</p>