title: passing multiple ngModel values to a directive - is it possible?
body: <p>i'm working on a multi-stage form for a project . the form is so massive (100 - 150 inputs...  insane...) i want to break the form down to multiple directives that i can re-use as i please .</p>
  
  <p>the <strong>problem</strong> - i want to use ngModel inside the directive and bind three different inputs to an object on the parent's scope...  but i can only pass ng-model one object to bind to! </p>
  
  <p>here is my directive html: the directive is simply sitting inside a huge form , 
  but the inputs are inside the directive itself..</p>
  
  <pre><code>&lt;prefered-time
        ng-model="object"
        data="somedata"
        &gt;
  
  &lt;/prefered-time&gt;
  </code></pre>
  
  <p>here is my directive template:</p>
  
  <pre><code>&lt;div class="col-md-3 no_padding"&gt;
      today only?
      &lt;md-checkbox 
          ng-model="ngModelone"
          aria-label="Checkbox 2"
          ng-true-value="'yes'"
          ng-false-value="'no'"&gt;
      &lt;/md-checkbox&gt;
  &lt;/div&gt;
  &lt;div class="col-md-3 no_padding"&gt;
      today only?
      &lt;md-checkbox 
          ng-model="ngModeltwo"
          aria-label="Checkbox 2"
          ng-true-value="'yes'"
          ng-false-value="'no'"&gt;
      &lt;/md-checkbox&gt;
  &lt;/div&gt;
  &lt;div class="col-md-3 no_padding"&gt;
      today only?
      &lt;md-checkbox 
          ng-model="ngModelthree"
          aria-label="Checkbox 2"
          ng-true-value="'yes'"
          ng-false-value="'no'"&gt;
      &lt;/md-checkbox&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>here is my directive:</p>
  
  <pre><code>    var  templateUrl = '/web/views/preferedtime.html' ,
              //template = '&lt;div&gt; &lt;input type="input" ng-model="ngModel"&gt; &lt;/div&gt;',
  
              controller = ['$scope' , function($scope){
  
              init();
  
              function init(){
              }
  
          }];
  
          return {
              restrict: 'EA',
               require : 'ngModel',
              scope: {
                  ngModel: "=",
              },
              controller:controller , 
              templateUrl:templateUrl
          };
      };
  </code></pre>