ng-grid和带有图像的自定义指令

时间:2014-06-26 14:32:34

标签: javascript angularjs angularjs-directive ng-grid

我们在ng-grid和指令方面遇到了很多重大问题。

基本上我们有一个ng-grid,我们有一个提供图像的指令。

我们做了什么: -

  1. 创建了一个显示图像的简单指令 问题: - 在滚动图像时,往往会上下跳到不同的行

  2. 经过大量谷歌搜索,发现我们应该使用$ watch语句, 所以现在我们的指令如下: -

  3. MyLists.directive('status', function () {
        return {
            restrict: 'E',
            replace: true,
            template: '<div ng-switch="alert">' +
                        '<div ng-switch-when=""></div>' +
                        '<div ng-switch-default><img src="{{alert}}.ictrl" /></div>' +
                      '</div>',    
            scope: { alertData: '=alertData' },        
            link: function (scope, element, attrs) {            
                function updateICAlert(stralert) {
                    scope.alert = "";
                    if ((stralert !== null) && (stralert !== undefined) && (stralert !== '')) {
                        scope.alert = stralert;
                    }
                    return scope.alert;
                } //function    
                scope.$watch('alertData', function (oldValue, newValue) {                
                    if (newValue) {
                        updateICAlert(scope.alertData);
                    }
                });           
            }           
        }
    });
    

    现在这至少会阻止图像跳跃行,但新问题: -

    网格现在突然运行得非常慢,点击列标题(用于排序)也是重复数据..

    我们是否遗漏了这件事?

0 个答案:

没有答案