Here is an example of a component I am working on:
<li >
<a (click)="status='today'" class="search-dropdown-tabs-active">Today</a>
</li>
<li>
<a (click)="status='tomorrow'">Tomorrow</a>
</li>
<li>
<a (click)="status='weekend'">This weekend</a>
</li>
<li>
<a (click)="status='thisweek'" >This week</a>
</li>
<li>
<a (click)="status='nextweek'" >Next week</a>
</li>
<li>
<a (click)="status='thismonth'" >This month</a>
</li>
I am trying to figure out how to set the
on the selected li element. Any suggestions?class="search-dropdown-tabs-active"
Calendar.component.ts
import { Component, Output, EventEmitter } from '@angular/core';
@Component({
moduleId: module.id,
selector: 'calendar',
templateUrl: './calendar.component.html'
})
export class CalendarComponent {
}