i'm building an hybrid angular app and i have a problem with my dropdown menu. It doesn't open, instead, it redirect me. I think the dependency are loaded in the correct order. I'm using bootstrap 3.1.1 and jquery 2.1.3. This is the html code i refer to:
<li class="dropdown">
<a data-toggle="dropdown" href="#" style="padding-right: 7px;padding-left: 7px;" class="dropdown-toggle" ng-click="$event.stopPropagation(); opzioniIndexIsOpen = !opzioniIndexIsOpen" title="Apri">
<span class="sr-only">Opzioni</span>
<span class="nav-label-container hidden-sm hidden-md">
<span class="nav-label"><i ng-class="opzioniIndexIsOpen ? 'caret fa fa-chevron-down' : 'caret fa fa-chevron-up'"></i></span>
<span class="nav-sublabel" style="opacity: 0.0; margin-top: 20px; ">{{debugInfo}}</span>
</span>
<span class="visible-md visible-sm">
<i class="opzioniIndexIsOpen ? 'caret fa fa-chevron-down' : 'caret fa fa-chevron-up'"></i>
</span>
</a>
<ul class="dropdown-menu">
<li class="dropdown-header" style="border-bottom:1px solid">Versione</li>
<li><a tabindex="" title="" href="javascript:void(0);" style="cursor:default">{{currentVersion+'DB'+currentVersionDb+'FL'+currentVersionFlussi+'_'+currentVersionBackend}}</a></li>
<li ng-hide="links.length === 0" class="dropdown-header" style="border-bottom:1px solid">Link Utili</li>
<li ng-repeat="collegamento in links track by collegamento.id">
<a tabindex="" target="_blank" title="Apri Collegamento" ng-href="{{collegamento.link}}" style="cursor:default"><i class="fa fa-external-link "></i> {{collegamento.descrizione}}</a>
</li>
<li class="dropdown-header" style="border-bottom:1px solid">Operazioni</li>
<li><a tabindex="" title="" href="#/gestioneOffline"><i class="fa fa-signal"></i> Gestione Offline</a></li>
<li ng-if="!mostraOff"><a tabindex="" title="" href="#/cfg/homeConfig" ng-if="abilitazioni.CONFIGURAZIONE_IMPOSTAZIONI"><i class="fa fa-cogs"></i> Configurazioni</a></li>
<li><a tabindex="" title="" href="#" ng-click="apriPopupSegnalazione()"><i class="fa fa-headphones"></i> Apri un ticket a HD Sole</a></li>
<li><a tabindex="" title="" href="#" ng-click="toContesto()"><i class="fa fa-user"></i> Contesto di lavoro</a></li>
<li><a tabindex="" title="" href="#" ng-click="logout()"><i class="fa fa-sign-out"></i> Esci</a></li>
</ul>
</li>
This is the styles and scripts i load:
"styles": [
"node_modules/bootstrap/dist/css/bootstrap.min.css",
"node_modules/isteven-angular-multiselect/isteven-multi-select.css",
"node_modules/fullcalendar/dist/fullcalendar.min.css",
"node_modules/font-awesome/css/font-awesome.min.css",
"node_modules/angular-snap/angular-snap.min.css",
"node_modules/nvd3/nv.d3.min.css",
"node_modules/angular-ui-bootstrap-datetimepicker/datetimepicker.css",
"node_modules/angular-toggle-switch/angular-toggle-switch-bootstrap.css",
"node_modules/angular-block-ui/dist/angular-block-ui.css",
"node_modules/angular-ui-select/select.css",
"node_modules/selectize/dist/css/selectize.default.css",
"src/styles.css"
],
"scripts": [
"node_modules/jszip/dist/jszip.js",
"node_modules/jquery/dist/jquery.min.js",
"node_modules/moment/moment.js",
"node_modules/moment-timezone/moment-timezone.js",
"node_modules/moment-timezone/moment-timezone-utils.js",
"node_modules/sifter/sifter.min.js",
"node_modules/fullcalendar/dist/fullcalendar.min.js",
"node_modules/fullcalendar/dist/gcal.js",
"node_modules/fullcalendar/dist/lang-all.js",
"node_modules/datatables.net/js/jquery.dataTables.min.js",
"node_modules/spin.js/spin.js",
"node_modules/datatables.net-plugins/sorting/datetime-moment.js",
"node_modules/angular/angular.js",
"node_modules/angular-resource/angular-resource.min.js",
"node_modules/angular-translate/dist/angular-translate.min.js",
"node_modules/angular-i18n/angular-locale_it-it.js",
"node_modules/angular-route/angular-route.min.js",
"node_modules/angular-ui-utils/modules/utils.js",
"node_modules/angular-bootstrap/ui-bootstrap-tpls.min.js",
"node_modules/angular-sanitize/angular-sanitize.min.js",
"node_modules/angular-ui-select/select.js",
"node_modules/bootstrap/dist/js/bootstrap.js",
"node_modules/angular-datatables/dist/angular-datatables.min.js",
"node_modules/datatables.net-responsive/js/dataTables.responsive.js",
"node_modules/angular-snap/angular-snap.min.js",
"node_modules/snap.js/dist/snap.min.js",
"node_modules/angular-toggle-switch/angular-toggle-switch.min.js",
"node_modules/angular-spinner/dist/angular-spinner.min.js",
"node_modules/d3/d3.min.js",
"node_modules/nvd3/nv.d3.min.js",
"node_modules/angularjs-nvd3-directives/dist/angularjs-nvd3-directives.min.js",
"node_modules/ckeditor/ckeditor.js",
"node_modules/ng-file-upload/dist/angular-file-upload.min.js",
"node_modules/angular-ckeditor/angular-ckeditor.min.js",
"node_modules/angular-css-injector/angular-css-injector.min.js",
"node_modules/ui.bootstrap.datetimepicker/dist/datetime-picker.min.js",
"node_modules/angular-block-ui/dist/angular-block-ui.min.js",
"node_modules/node-forge/dist/forge.min.js",
"node_modules/ngjs-color-picker/js/ngjs-color-picker.js",
"node_modules/angular-ui-calendar/src/calendar.js",
"node_modules/draggabilly/dist/draggabilly.pkgd.min.js"
]
Edit: The console of the browser doesn't show any error. I'm using Angular 10
