title: Angular - Combine two select ng-models values into one
body: <p>I am new to Angular so all help is appreciated.  I have two select dropdowns that I need to combine into one value and assigned to cusPro.height.  This was working like this:</p>
  
  <pre><code>&lt;select class="form-control" name="height" ng-model="cusPro.height"&gt;
  &lt;option value="3"&gt;3&lt;/option&gt;
  &lt;option value="4"&gt;4&lt;/option&gt;
  etc...
  </code></pre>
  
  <p>But I want to do this:</p>
  
  <pre><code>&lt;select class="form-control" name="height_ft" ng-model="feet"&gt;
      &lt;option value="3"&gt;3&lt;/option&gt;
      &lt;option value="4"&gt;4&lt;/option&gt;
      etc...
  &lt;select class="form-control" name="height_in" ng-model="inches"&gt;
      &lt;option value="3"&gt;3&lt;/option&gt;
      &lt;option value="4"&gt;4&lt;/option&gt;
      etc...
  </code></pre>
  
  <p>I tried putting <code>cusPro.height = feet + '\' ' + inches + '\"';</code> and got:</p>
  
  <blockquote>
    <p>referenceError: cusPro is not defined</p>
  </blockquote>