javascript - 如何在 ng-grid 中使用 bindonce 指令？

Question

我的应用程序存在严重的性能问题。我正在使用 Angular 和 ng-grid。在阅读了为什么我的应用程序运行缓慢之后，我被指示使用 bindonce克服潜在的 Angular 性能问题的指令。

所以我在我的解决方案中添加了 bindonce.js 并在我的模块中注入(inject)了指令

HomeIndexModule = angular.module("HomeIndexModule", ['ngGrid', 'pasvaz.bindonce']);

我在标记中使用如下

<div class="gridStyle " bindonce data-ng-grid="gridOptions"></div>

我不确定这是否真的解除了网格的绑定(bind)。

问题 1:有没有经历过该过程的人可以指导我如何执行此操作，因为我只能在 bindonce 网站上找到 ng-repeat 的示例。

问题二:如何验证bindonce是否真的在工作？

Answer 1

我在其他帖子中提到过两次，我创建了自己的 bind-once 指令，它很小但做得很完美，我个人认为这个插件太复杂了。

检查一下

app.directive('bindOnce', function() {
    return {
        scope: true,
        link: function( $scope ) {
            setTimeout(function() {
                $scope.$destroy();
            }, 0);
        }
    };
});

<div class="gridStyle" bind-once ng-grid="gridOptions"></div>

演示:http://plnkr.co/edit/4cBOEG?p=preview

类似的帖子:

Genuinely stop a element from binding - unbind an element - AngularJS