I created with WebStorm default Angular CLI Project adding parameter "--style=scss".
Then it performs all the steps (from the second one) from the instructions in the link:
https://mdbootstrap.com/docs/angular/getting-started/installation/
But when I try using basic example from website like:
<!--Navbar-->
<!-- Navbar brand --> <mdb-navbar-brand><a class="navbar-brand" href="#">Navbar</a></mdb-navbar-brand> <!-- Collapsible content --> <links> <!-- Links --> <ul class="navbar-nav mr-auto"> <li class="nav-item active"> <a class="nav-link waves-light" mdbWavesEffect>Home<span class="sr-only">(current)</span></a> </li> <li class="nav-item"> <a class="nav-link waves-light" mdbWavesEffect>Features</a> </li> <li class="nav-item"> <a class="nav-link waves-light" mdbWavesEffect>Pricing</a> </li> <!-- Dropdown --> <li class="nav-item dropdown" dropdown> <a dropdownToggle mdbWavesEffect type="button" class="nav-link dropdown-toggle waves-light" mdbWavesEffect> Basic dropdown<span class="caret"></span></a> <div *dropdownMenu class="dropdown-menu dropdown dropdown-primary" role="menu"> <a class="dropdown-item waves-light" mdbWavesEffect href="#">Action</a> <a class="dropdown-item waves-light" mdbWavesEffect href="#">Another action</a> <a class="dropdown-item waves-light" mdbWavesEffect href="#">Something else here</a> <div class="divider dropdown-divider"></div> <a class="dropdown-item waves-light" mdbWavesEffect href="#">Separated link</a> </div> </li> </ul> <!-- Links -->
It gets such a result:
Bad0% question quality
The higher quality the better and faster answer you'll get.