Jquery Ui在angularjs中可选择的问题

时间:2018-04-13 09:56:37

标签: angularjs jquery-ui jquery-ui-selectable

我有angularjs项目。我已经使用jquery-ui selectable从table中选择单元格。如果我使用了10行10个cols的表可选择工作正常。 但是当Create table有50个和50个cols时,它会产生很多滞后,浏览器会挂起 我更新了我的代码:

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();

1 个答案:

答案 0 :(得分:0)

您必须将表创建为指令实现。 $ compile(table [0])($ scope)&amp; appendChild是昂贵的操作。必须在指令中的链接或编译方法中处理任何类型的DOM操作。如果是这样的话,不要在控制器中编写DOM逻辑。否则你将不得不进一步阐述。