AngularJs在一个模态中内联编辑

Question

我在一个简单的表格中关注本教程http://plnkr.co/edit/BjWwXIlYyyLvRnVwO8m8?p=preview并且它运行良好但是当我在模式中使用xeditable时它不起作用。 这是我的代码示例：

 <div class="modal-body">
   <form name="langForm" class="form-horizontal" editable-form>
     <table st-table="displayedCollection" st-safe-src="lang.LangList" class="table table-striped" ng-hide="myVar">
       <tbody>
         <tr>
           <td class="text-center"> 
             <input type="text" required="" ng-model="lang.vLang" class="form-control" placeholder="Language" > 
           </td>
         </tr>
       </tbody>
    </table>
 <table st-table="langs" st-safe-src="LangList" class="table table-striped" >
        <thead>
            <tr>
                <th class="text-center"><small>Language</small></th>
                <th class="text-center"><small>Actions</small></th>
            </tr>
        </thead>
        <tbody>
            <tr ng-repeat="lang in langs track by $index">
                <td class="text-center">
<a href="#" editable-text="user.name" onaftersave="updatePerson(lang)">{{lang.vLang}}</a>
                </td>
                <td class="text-center">            
                    <div class="btn-group btn-group-xs">
            <i class="hi hi-remove"></i>
                    </div>
                </td>
            </tr>
        </tbody>
    </table>
                </form>
            </div>

请帮助