Hallo,
ich verwende tinycolor als color picker. Folgende Sourcen habe ich inkludiert:
<link href="assets/bower_components/angular-color-picker/angularjs-color-picker.min.css" rel="stylesheet" />
<script type="text/javascript" src="assets/bower_components/tinycolor/tinycolor.js"></script>
<script type="text/javascript" src="assets/bower_components/angular-color-picker/angularjs-color-picker.min.js"></script>
Weiters habe ich in der Navigationsleiste ein dropdown- Menü:
<ul class="nav navbar-nav navbar-right">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
<span class="glyphicon glyphicon-user"></span> {{vm.user.username}} <span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li><a href="#" ui-sref="auth.user-profile"><translate>NAV.USERPANEL.MYPROFILE_LABEL</translate></a></li>
<li><a href="#" ui-sref="auth.user-settings"><translate>NAV.USERPANEL.SETTINGS_LABEL</translate></a></li>
<li class="divider"></li>
<li ng-click="vm.logout()"><a href="#"><translate>NAV.USERPANEL.LOGOUT_LABEL</translate></a></li>
</ul>
</li>
</ul>
Wenn ich auf die Seite mit dem colorPicker navigiere, dann funktioniert das dropdown- Menü noch, wenn ich dann wieder zu einer anderen Seite navigiere, dann funktioniert das dropdown- menü nicht mehr. Hat jemand eine Idee was ich da machen kann, damit diese beiden Sachen gemeinsam funktionieren?
Besten Dank! Hannes