On my static Angular 6 page, I have tabs and I'm trying to figure out how to collapse the mobile menu when an element is clicked. I need a solution similar to the jQuery code shown below, but I can't use jQuery.
$('.navbar-nav>li>a').on('click', function() {
$('.navbar-collapse').collapse('hide');
});
Below is my navigation menu code.
<ul class="navbar-nav w-100">
<li class="nav-item">
<a class="nav-link" href="#">
<i class="fa fa-check mb-3"></i> Finance legal tax and HR
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">
<i class="fa fa-check mb-3"></i> Information technology
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">
<i class="fa fa-check mb-3"></i> Risk and cybersecurity
</a>
</li>
</ul>