Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/365.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在angular js中使用ng类中的函数_Javascript_Jquery_Css_Angularjs - Fatal编程技术网

Javascript 在angular js中使用ng类中的函数

Javascript 在angular js中使用ng类中的函数,javascript,jquery,css,angularjs,Javascript,Jquery,Css,Angularjs,我正在使用ng class添加CSS类。尽管有很多关于这方面的文章,但我无法使用ng class添加函数调用 我有一个下面的表达 ng-class="{'highlighter-row-Class' : (file.id == 1 && file.processed), 'bold-row-Class' : lastSelectedResumeId == file.attributes.name, 'failed-doc': !file.processed}"

我正在使用
ng class
添加CSS类。尽管有很多关于这方面的文章,但我无法使用
ng class
添加函数调用

我有一个下面的表达

ng-class="{'highlighter-row-Class' : (file.id == 1 && file.processed),
    'bold-row-Class' : lastSelectedResumeId == file.attributes.name, 
    'failed-doc': !file.processed}"
现在,可以添加多个类。但是,我想在这里再添加一个条件,它将调用一个方法并返回一个类名:

$scope.getclass = function() {
  return 'someclass';
}
在最后一个条件之后,我尝试在
ng类中使用此方法,但它不起作用。那么,谁能告诉我如何使用
ng class


另一次尝试(在建议之后): 功能: 使用CSS: 这就是结果HTML呈现的内容

<tr ng-repeat="file in processResumeFiles" ng-class="[{'highlighter-row-Class' : (file.id == 1 &amp;&amp; file.processed), 
    'bold-row-Class' : lastSelectedResumeId == file.attributes.name, 
    'failed-doc': !file.processed }, getClassForHrms(file)]" 
    class="ng-scope [object Object] documentduplicate">

您需要类的数组,其中数组的一个元素可以是具有条件的类的对象,另一个是函数调用。一个简单的例子是:

ng-class="[{'some_class' : condition}, function_class()]"
下面是一个演示:

var-app=angular.module('myApp',[]);
应用程序控制器('myCtrl',函数($scope){
$scope.bb=函数(){
返回“b”;
}
});
.a{
颜色:#999999;
}
.b{
背景色:#f1f1;
}
c{
字体大小:30px;
}


A:颜色:#999999
C:字体大小:30px 测试班


可能重复的是,我知道这一点,我也尝试过,但请看我的问题,我是说如何在我的ng类中使用它,你是否尝试过插值,即
class=“{{getclass()}}”
?是的,我尝试过,Alsoclass现在没有得到应用,事实上,我尝试了控制台日志现在方法被调用,但它没有应用类。注意CSS中的类不区分大小写,HTML中的类区分大小写。这可能会导致不匹配。嘿,它正在添加类,但只添加来自该方法的类。还有一个类正在被添加,就像[object object]@ganeshkaspate一个黑客会在一个控制器中检查你的条件,然后附加到一个大字符串中,你可以插入
ng class
.missingfieldspresent {
  color: red;
}
.documentduplicate {
  color: purple;
}
.documentuploadfailed {
  color: deeppink;
}
<tr ng-repeat="file in processResumeFiles" ng-class="[{'highlighter-row-Class' : (file.id == 1 &amp;&amp; file.processed), 
    'bold-row-Class' : lastSelectedResumeId == file.attributes.name, 
    'failed-doc': !file.processed }, getClassForHrms(file)]" 
    class="ng-scope [object Object] documentduplicate">
ng-class="[{'some_class' : condition}, function_class()]"