xを編集可能な形式で先読みしました

Question

こんにちは、私はAngularのX-editableでかなり新しいです。私は編集可能なフォームの中に先読みまたは自動補完ボックスを実装しようとしていました。どのように私はそれを達成するのですか？

ここに私が持っているコードです。

<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(); 
});