title: Bind ng-model to button value
body: <p>I am trying to bind the value of these two buttons–"Yes" and "No"– when clicked to <code>formData</code> using <code>ng-model</code> but having no luck. Is there a way to achieve this other than using <code>ng-model</code>?</p>
  
  <pre><code>&lt;button class="" 
    ng-class="{'button--is-selected--turquoise': isSelected, 
               '' : isSelected===false}" 
    ng-click="isSelected = true" 
    ng-model="formData.yesPool"&gt;Yes
  &lt;/button&gt;
  
  &lt;button class="" 
    ng-class="{'button--is-selected--turquoise': 
    isSelected === false, 'notSelected' : isSelected }" 
    ng-click="isSelected = false" 
    ng-model="formData.noPool""&gt;No
  &lt;/button&gt;
  </code></pre>
  
  <p>Here's my controller: </p>
  
  <pre><code>angular
    .module('testApp')
    .controller('formController', ['$scope', '$http', function($scope, $http) {
      $scope.formData = {};
      $scope.processForm = function(){
      };
    }]);
  </code></pre>