angularjs中的Jquery Ui可选问题

Posted 2023-05-07

【中文标题】angularjs中的Jquery Ui可选问题

【英文标题】：Jquery Ui selectable issue in angularjs

【发布时间】：2018-09-23 15:34:49

【问题描述】：

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

【参考方案1】：

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

【讨论】：

感谢@jeson Dias 的回复请再次检查我的问题，我已经更新了我的代码。

你是在 .controller 文件中写这个吗？