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 && 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 && 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()]"