Dropdown and modal are not working

I followed all the steps:https://mdbootstrap.com/angular/5min-quickstart/ Dropdown code:<div class=\"dropdown\"><!--Trigger--><button class=\"btn btn-primary dropdown-toggle\" type=\"button\" id=\"dropdownMenu1\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">Dropdown primary</button> <!--Menu--><div class=\"dropdown-menu dropdown-primary\"><a class=\"dropdown-item\" href=\"#\">Action</a><a class=\"dropdown-item\" href=\"#\">Another action</a><a class=\"dropdown-item\" href=\"#\">Something else here</a><a class=\"dropdown-item\" href=\"#\">Something else here</a></div></div>Modal code:<div class=\"modal fade\" id=\"modalSubscriptionForm\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel\" aria-hidden=\"true\"><div class=\"modal-dialog\" role=\"document\"><div class=\"modal-content\"><div class=\"modal-header text-center\"><h4 class=\"modal-title w-100 font-bold\">Subscribe</h4><button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\"><span aria-hidden=\"true\">&times;</span></button></div><div class=\"modal-body mx-3\"><div class=\"md-form\"><i class=\"fa fa-user prefix grey-text\"></i><input type=\"text\" id=\"form3\" class=\"form-control validate\"><label data-error=\"wrong\" data-success=\"right\" for=\"form3\">Your name</label></div><div class=\"md-form\"><i class=\"fa fa-envelope prefix grey-text\"></i><input type=\"email\" id=\"form2\" class=\"form-control validate\"><label data-error=\"wrong\" data-success=\"right\" for=\"form2\">Your email</label></div></div><div class=\"modal-footer d-flex justify-content-center\"><button class=\"btn btn-indigo\">Send <i class=\"fa fa-paper-plane-o ml-1\"></i></button></div></div></div></div><div class=\"text-center\"><button class=\"btn btn-default btn-rounded mb-4\" data-toggle=\"modal\" data-target=\"#modalSubscriptionForm\">Launch Modal Subscription Form</button></div>

---