title: x-editable form with typeahead
body: <p>Hello i am fairly new with X-editable for Angular. I was trying to implement a typeahead or autocomplete box inside an editable form. How do i accomplish it?</p>
  
  <p>here is the code that i have. </p>
  
  <pre><code>  &lt;tbody&gt;
          &lt;tr ng-repeat="equipment in equipments | filter:filterEquipment"&gt;
                                      &lt;td width="auto"&gt;&lt;span editable-select="equipment.VendorID" e-ng-="selectedVendor" e-form="tableform" e-ng-change="GetItems($data)" e-ng-options="s.ID as s.Name for s in VendorsList"&gt;{{showVendors(equipment)}}&lt;/span&gt;&lt;/td&gt;
                                      &lt;td&gt;&lt;span editable-text="equipment.ItemID" e-form="tableform" e-typeahead="s.ItemID as s.Name for s in ItemsList"&gt;{{showItems(equipment)}}&lt;/span&gt;&lt;/td&gt;
                                      &lt;td&gt;&lt;span editable-text="equipment.quantity" e-form="tableform"&gt; {{ equipment.quantity|| 'empty' }}&lt;/span&gt;&lt;/td&gt;
                                      &lt;td&gt;&lt;span editable-text="equipment.Cost" e-form="tableform"&gt; {{ equipment.Cost || 'empty' }}&lt;/span&gt;&lt;/td&gt;
                                      &lt;td&gt;&lt;span editable-text="equipment.SerialNumber" e-form="tableform"&gt; {{ equipment.SerialNumber || 'empty' }}&lt;/span&gt;&lt;/td&gt;
                                      &lt;td&gt;&lt;span editable-text="equipment.Status" e-form="tableform"&gt; {{ equipment.Status || 'empty' }}&lt;/span&gt;&lt;/td&gt;
                                      &lt;td ng-hide="" style="width:20px;"&gt;&lt;button type="button" ng-click="deleteEquipment(equipment.id)" class="btn btn-danger pull-right"&gt;Delete&lt;/button&gt;&lt;/td&gt;
                                  &lt;/tr&gt;
                              &lt;/tbody&gt;
  </code></pre>
  
  <p>i want Typeahead on the second <code>&lt;td&gt;</code></p>