我想使用 JQuery 创建一个可扩展表:http: //ludo.cubicphuse.nl/jquery-treetable/#examples。
问题是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>
要使用 jquery 部分,我使用这个标签:
$(document).ready(function() {
initialize();
});
function initialize() {
$("table").agikiTreeTable({
persist : false,
persistStoreName : "files"
});
}
我想在开始时有一个简单的表格,只有一行。在这一行上,用户可以单击一个按钮,然后提交一个新行,该行将是第一行的可扩展行。只是为了看看是否可行,我尝试这样做,但我明白我必须在提交第一个可扩展行后调用初始化函数。它有效,但如果我想再次进行操作,我会遇到一些冲突。
看这张图片:
因此,如果有人有解决此问题的想法,我将很高兴听到。谢谢