angularjs中的Jquery Ui可选问题

Question

我有 angularjs 项目。我使用 jquery-ui selectable 从表中选择单元格。如果我使用具有 10 行和 10 个可选列的表工作正常。 但是当创建具有 50 行和 50 列的表时，它会造成很多滞后并且浏览器会挂起。
我已经更新了我的代码：

var table = '<table id="my-table-1" ><tr><td></td></tr></table>';
$('#my-container').html(table);
//insert
    var html = "";
    for (var i = 0; i < 25; i++) {
        html += '<tr>';
        for (var j = 0; j < 25; j++) {
            html += '<td></td>';
        }
        html += '</tr>';
    }
    $('#my-table-1').html(html);
    $('#my-table-1').selectable();

Answer 1

您必须将表创建为指令实现。 $compile(table[0])($scope) & appendChild 是昂贵的操作。任何类型的 DOM 操作都必须在 Directive 中的链接或编译方法中处理。如果是这种情况，请不要在控制器中编写 DOM 逻辑。否则，您将不得不进一步详细说明。