So within my *ngfFor loop I have this
[ngClass]="{'first':isStartDate(event,day)}"
where isStartDate is a function in my component.
error thrown is
"Unexpected token : "
Is it possible to to use a function here?
-
[class.first]="ifStartDate(event,day)"Bharat Chauhan– Bharat Chauhan2017-05-04 10:50:33 +00:00Commented May 4, 2017 at 10:50
-
your issue resolve or not ? @user3057416Bharat Chauhan– Bharat Chauhan2017-05-04 11:15:19 +00:00Commented May 4, 2017 at 11:15
Add a comment
|
5 Answers
ifStartDate function is return only boolean value
[class.first]="ifStartDate(event,day)"
Comments
You can also give dynamic class as below:
[ngClass]="ifStartDate(event,day) ? 'first' : ''"
answered May 4, 2017 at 10:52
Sandip - Frontend Developer
14.7k5 gold badges38 silver badges62 bronze badges
Comments
Best way to implement it:
<div [ngClass]="ifStartDate(event,day)">
</div>
ifStartDate(event, day) {
let cssClasses;
if(some condition) {
cssClasses = {
'first': true
}
} else {
cssClasses = {
'second': true,
'third': true
}
}
return cssClasses;
}
In this way you can also apply multiple classes over div based on some condition.
Comments
Yes you can definitely use function in ngClass
[ngClass]="{first: isStartDate(event,day)}"
Comments
You can use expression in ngClass:
[ngClass]="'{first:'+ifStartDate(event,day)+'}'"