Ich habe ein Problem mit Bootstrap UI collapsed Direktive, Es zeigt als Standard geöffnet und ich brauchte beim Laden der Seite minimiert, ich setze die Variablen richtig, aber immer noch nicht richtig funktioniertBootstrip ui Collapse ist als Standard geöffnet
hier ist ein Teil meines Code:
aside class="col-md-3 leftSidebar separator-right" ng-controller="Collapse as vm">
<div class="row separator">
<div class="sidebarPosition">
<div class="leftSidebar__toggle">
<a class="mod" ng-click="vm.isCollapsedLeft = !vm.isCollapsedLeft"><span class="fa fa-bars"></span> Outline</a>
<ul uib-collapse="vm.isCollapsedLeft">
<li><a href="#scientific_abstract" du-smooth-scroll>Scientific Abstract</a></li>
<li><a href="#layperson_abstract" du-smooth-scroll>Layperson’s Abstract</a></li>
<li><a href="#introduction" du-smooth-scroll>Introduction</a></li>
<li><a href="#">Results</a></li>
<li><a href="#">Discussion</a></li>
<li><a href="#">Methods</a></li>
<li><a href="#">Additional Information</a></li>
<li><a href="#">Change History</a></li>
<li><a href="#">Acknowledgements</a></li>
<li><a href="#">Author Information</a></li>
<li><a href="#">Author Contributions</a></li>
</ul>
</div>
</div>
</div>
<div class="row leftSidebar__sections">
<ul>
<li><a ui-sref="article.figures"><span class="fa fa-picture-o"></span> Figures</a></li>
<li><a ui-sref="article.references"><span class="fa fa-link"></span> References</a></li>
<li><a href="#"><span class="fa fa-retweet"></span> Related</a></li>
<li>
<a href="#"> <span class="fa fa-area-chart"></span> Stats Impact</a>
</li>
<li><a ui-sref="article.comments"><span class="fa fa-comment"></span> Comments</a></li>
</ul>
</div>
</aside>
meinen Controller:
(function() {
'use strict';
angular
.module('app.bootstrap')
.controller('Collapse', Collapse);
function Collapse() {
var vm = this;
vm.isCollapsedLeft = false;
vm.isCollapsedRight = false;
}
})();
und hier ist ein plunkr: https://plnkr.co/edit/D0vFMEQe4a2GT1yJLTLk?p=preview
Danke für die Hilfe.
plunkr arbeitet jetzt –