x-editable form with typehead

Question

您好，我对X-editable Angular相当新。我试图在可编辑的表单中实现一个typeahead或autocomplete框。我如何完成它？

这里是我有的代码。

<tbody> 
     <tr ng-repeat="equipment in equipments | filter:filterEquipment"> 
            <td width="auto"><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">{{showVendors(equipment)}}</span></td> 
            <td><span editable-text="equipment.ItemID" e-form="tableform" e-typeahead="s.ItemID as s.Name for s in ItemsList">{{showItems(equipment)}}</span></td> 
            <td><span editable-text="equipment.quantity" e-form="tableform"> {{ equipment.quantity|| 'empty' }}</span></td> 
            <td><span editable-text="equipment.Cost" e-form="tableform"> {{ equipment.Cost || 'empty' }}</span></td> 
            <td><span editable-text="equipment.SerialNumber" e-form="tableform"> {{ equipment.SerialNumber || 'empty' }}</span></td> 
            <td><span editable-text="equipment.Status" e-form="tableform"> {{ equipment.Status || 'empty' }}</span></td> 
            <td ng-hide="" style="width:20px;"><button type="button" ng-click="deleteEquipment(equipment.id)" class="btn btn-danger pull-right">Delete</button></td> 
           </tr> 
          </tbody> 

我想在第二<td>

Answer 1

<td><span id="itemID" editable-text="equipment.ItemID" e-form="tableform" e-typeahead="s.ItemID as s.Name for s in ItemsList">{{showItems(equipment)}}</span></td> 

> //turn to inline mode 
> 
> $.fn.editable.defaults.mode = 'inline'; 

应用事先键入的内容编辑（）方法在这些元件

$(document).ready(function() { 
    $('#itemID').editable(); 
});