angularjsとjqueryを使用して動的に拡張可能なテーブルを作成する

JQueryを使用して拡張可能なテーブルを作成したいと考えています：http://ludo.cubicphuse.nl/jquery-treetable/#examples angularjsとjqueryを使用して動的に拡張可能なテーブルを作成する

angularjsとjqueryの間に競合があるという問題があります。私は一列のみで先頭に単純なテーブルを持っているしたいと思います

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

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

：

<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>

は、私はこのタグを使用しjqueryの一部を使用するには：これは私のhtmlファイルです。この行では、ユーザーはボタンをクリックして新しい行を送信できます。新しい行は、最初の行から展開可能な行になります。可能であれば、私はそうしようとしましたが、最初の展開可能な行を送信した後にinitialize関数を呼び出さなければならないことを理解しました。それは動作しますが、私が操作をやり直す場合は、いくつかの矛盾があります。この絵で

ルック：