Question

我在尝试使其工作方面遇到困难。我有一个用数据库中的数据生成的网格，其中一列我通过将其特定值赋值给一个名为“ hasError1”的ng模型，而另一个则由ng-model赋给了“ hasError2”。我试图做一个ng-class，如果它们不同，给它一个特定的CSS类。这是我的代码。这个ui-grid在我的控制器类中。

 cellTemplate: '<div ng-model="hasError1"></div>'

cellTemplate: '<div ng-model="hasError2" ng-class="{\'amount-error\': hasError1 != hasError2}" </div>'

我将ng-class的条件设置为ng-class =“ {amount-error：hasError1！= hasError2}”

金额错误是我拥有的CSS类，我将边框设置为

border: 1px solid red;
border-right:none;
border-left:none;

我也在下面尝试过，但是没有用。

ng-class="{1 : \'amount-error\'} [grid.getCellValue(row, grid.columns[index+12]) != grid.getCellValue(row, grid.columns[index+2])]"

Answer 1

网格具有自己的已分配范围，因此您需要使用

grid.appScope

访问您的应用范围

例如：

cellTemplate: '<div ng-class="{\'amount-error\': grid.appScope.hasError1 != grid.appScope.hasError2}" </div>'

或

cellTemplate:'<div ng-class="{\'amount-error\': grid.appScope.hasErrorFunc()}" </div>'

$scope.hasErrorFunc = function(){
     if(comparisonValue1 != comparisonValue2){
          return true;
     } else{
          return false;
     }
}

AngularJS将ng-class与ui-grid组件一起使用

1 个答案: