title: How to add a new value to a list with md-autocomplete?
body: <p>I want to use <code>md-autocomplete</code> to search for an object in an array. If the object is found I want an edit form to be populated, but if the object is not found, I want the user to be able to add a new one using the same form.</p>
  
  <p>For example, I have an array of contacts: <code>[{name: string, email: string}...]</code>. </p>
  
  <p>Then in my template: </p>
  
  <pre><code>&lt;md-autocomplete       
    md-selected-item="$ctrl.newContact"
    md-search-text="$ctrl.searchString"
    md-selected-item-change="$ctrl.selectedItemChanged(item)"
    md-items="item in $ctrl.getContactsByFullName($ctrl.searchString)"
    md-floating-label="Contact's Name"
    md-item-text="item.fullName"&gt;
  &lt;/md-autocomplete&gt;
  &lt;md-input-container&gt;
    &lt;label&gt;Email&lt;/label&gt;
    &lt;input type='email' ng-model='$ctrl.newContact.email/&gt;
  &lt;/md-input-container&gt;
  </code></pre>
  
  <p>When I enter a new value in <code>Contact's name</code>, tab to email and enter a value in email, the value of  <code>$ctrl.newContact.fullName</code> becomes an object.</p>
  
  <p>What am I doing wrong here? I've fiddled and codepenned but can't seem to get it right. Does anybody have a working example please? </p>