title: Angular - Combine two input ng-model into one
body: <p>I am new to Angular, please help me. I have two input fields, one with area code and other with the number. </p>
  
  <pre><code>// First input field for area code
  &lt;input area-input type="tel" required="true" name="area" 
  ng-model="employee.home.area"&gt;&lt;/input&gt;
  
  // Second input field for number
  &lt;input phone-input type="tel" required="true"
  name="number" ng-model="employee.home.number"&gt;&lt;/input&gt;
  </code></pre>
  
  <p>I want to combine them into one like area code + number. </p>
  
  <p>Thanks in advance. Any suggestions or help would be appreciated.</p>