Dear kijmenezdev,

Sure, you can easily do that:

component.html:

<div class="btn-group" dropdown>

<buttondropdownToggletype="button"class="btn btn-primary dropdown-toggle waves-light"mdbRippleRadius>

Basic dropdown

</button>

<divclass="dropdown-menu dropdown-primary">

<li role="menuitem" *ngFor="let link of links"><a class="dropdown-item" [class.active]="link.isActive"href="{{link.url}}">{{link.name}}</a></li>

</div>

</div>

Component.ts:

links= [

{id: 1, name: 'Google', url: 'http://google.com', isActive: false},

{id: 2, name: 'Microsfot', url: 'http://microsoft.com', isActive: false},

{id: 3, name: 'Facebook', url: 'http://facebook.com', isActive: true},

{id: 4, name: 'Yahoo', url: 'http://yahoo.com', isActive: false},

];