Javascript 使用angularjs和jquery创建动态可扩展表

我想使用JQuery创建一个可扩展表：

问题是angularjs和jquery之间存在冲突。这是我的html文件：

<table>
   <tbody ng-repeat="row in construct.matrix.rows">
      <tr data-tt-id="row.name">
         <td>{{row.name}}</td>
         <td>
            <button ng-click="newField($index)">Add a Field</button>
            <form ng-submit="addField($index, fieldName, row)" ng-if="choose($index)">
               <input type="text" ng-model="fieldName" name="text" placeholder="New Field" />
            </form>
         </td>
      </tr>
   </tbody>
</table>

我想在开始时有一个只有一行的简单表格。在此行中，用户可以单击按钮，然后提交新行，该新行将是第一行的可扩展行。为了看看这是否可行，我试着这么做，但我明白，在提交第一个可展开行之后，我必须调用initialize函数。这是可行的，但如果我想再做一次手术，我会遇到一些冲突

请看这张图片：

---

因此，如果有人有办法解决这个问题，我会很高兴听到。谢谢

为什么不使用Angular库并避免使用基于jQuery的组件

以下是一些备选方案：

---

试试ng表格库，它内置了分组功能：

---

我不明白这个问题。您可以创建一个代码段或bin吗？我们这样帮助你会容易得多。谢谢你的帮助，但是@beaver解决了我的问题。我只是想创建一个动态表，但我不知道我只能使用AngularJS。谢谢，我找了好几个小时，所以我选择了这个解决方案：这非常有用，但我找不到如何重新加载数据，所以如果您有任何想法，它会很有帮助。如何加载数据？您的意思是在数据更改后更新UI吗？请分享你的代码相关的数据更新，树表来源和代码有用的重现你的问题是，这就是我的意思。但没关系，我找到了方法。谢谢

$(document).ready(function() {
   initialize();
});

function initialize() {
   $("table").agikiTreeTable({
      persist : false,
      persistStoreName : "files"
   });
}