Changing Row Colors in Angular2/Firebase

I am using firebase and angular2. In the firebase, I am saving user informations: Name, Paid Date and Due Date. My html file looks like below:

<div> <label>Today's date:</label> {{todaysdate}}</div>
<ul *ngFor="let member of members" class="collection">
<!--<div *ngIf="todaysdate > member.joineddate;else noMembers">-->
<li class="collection-item" item-width="100%">
   NAME: {{member.name}} 
   Paid Date: {{member.paiddate}}
   Due Date: {{member.duedate}}
  </li>

What I wanted to do is, change the color of every row whose duedate >= todaysdate. Would anybody suggest me or refer to correct link I should be following? I am a learner, and wanted to get through it, but stuck here.

Thank you!

I’ve edited your post for readability. When you enter a code block into the forum, remember to precede it with a line of three backticks and follow it with a line of three backticks to make easier to read. See this post to find the backtick on your keyboard. The “preformatted text” tool in the editor (</>) will also add backticks around text.

markdown_Forums

Thanks, will keep that in mind going forward.

1 Like