<li class="btn-group" mdbDropdown>
<a mdbDropdownToggle id="ParentId">
<i class="nav-item"></i> MainMenu <i class="fa fa-angle-down"></i>
</a>
<div class="dropdown-menu">
<a id="chaildId1" routerLinkActive="class-nav_mi" routerLinkActiveOptions="{exact:true}" [routerLink]="['/logs']">Menu-1</a>
<a id="chaildId2" routerLinkActive="class-nav_mi" routerLinkActiveOptions="{exact:true}" [routerLink]="['/reports']">Menu-2</a>
</div>
</li>
Upon clicking a child menu item, the color of the parent menu will change to match the child menu color. This will apply the child menu color to the parent menu after the child menu is clicked.