我们在ng-grid和指令方面遇到了很多重大问题。
基本上我们有一个ng-grid,我们有一个提供图像的指令。
我们做了什么: -
创建了一个显示图像的简单指令 问题: - 在滚动图像时,往往会上下跳到不同的行
经过大量谷歌搜索,发现我们应该使用$ watch语句, 所以现在我们的指令如下: -
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);
}
});
}
}
});
现在这至少会阻止图像跳跃行,但新问题: -
网格现在突然运行得非常慢,点击列标题(用于排序)也是重复数据..
我们是否遗漏了这件事?