切换下拉列表无法正常工作

Question

这真的折磨了我很多，我不知道为什么这个代码没有切换它的儿童用品展示。以下是代码和屏幕截图：

没有错误或任何错误。最初我怀疑导致切换的代码不是它的原因。

.controller('DropdownCtrl', ["$scope", "$log", function ($scope, $log) {
    $scope.items = ['The first choice!', 'And another choice for you.', 'but wait! A third!'];

    $scope.status = {
        isopen: false
    };

    $scope.toggled = function (open) {
        $log.log('Dropdown is now: ', open);
    };

    $scope.toggleDropdown = function ($event) {
        $event.preventDefault();
        $event.stopPropagation();
        $scope.status.isopen = !$scope.status.isopen;
    };
}])

HTML：

<!-- start: TOP NAVBAR -->
<!-- start: NAVBAR HEADER -->
<div class="navbar-header">
    <a href="#" class="sidebar-mobile-toggler pull-left hidden-md hidden-lg" ng-click="toggle('sidebar')" class="btn btn-navbar sidebar-toggle">
        <i class="ti-align-justify"></i>
    </a>
    <a class="navbar-brand" ui-sref="app.dashboard">
        <img ng-src="{{app.layout.logo}}" alt="{{app.name}}"/>
    </a>
    <a href="#" class="sidebar-toggler pull-right visible-md visible-lg" ng-click="app.layout.isSidebarClosed = !app.layout.isSidebarClosed">
        <i class="ti-align-justify"></i>
    </a>
    <a class="pull-right menu-toggler visible-xs-block" id="menu-toggler" ng-click="navbarCollapsed = !navbarCollapsed">
        <span class="sr-only">Toggle navigation</span>
        <i class="ti-view-grid"></i>
    </a>
</div>
<!-- end: NAVBAR HEADER -->
<!-- start: NAVBAR COLLAPSE -->
<div class="navbar-collapse collapse" collapse="navbarCollapsed" ng-init="navbarCollapsed = true" off-click="navbarCollapsed = true" off-click-if='!navbarCollapsed' off-click-filter="#menu-toggler">
    <ul class="nav navbar-right" ct-fullheight="window" data-ct-fullheight-exclusion="header" data-ct-fullheight-if="isSmallDevice">

        <li class="dropdown current-user" dropdown on-toggle="toggled(open)">
            <a href class="dropdown-toggle" dropdown-toggle>
                <img src="assets/images/avatar-1.jpg" alt="{{user.name}}"> <span class="username">{{user.name}} <i class="ti-angle-down"></i></i></span>
            </a>
            <ul class="dropdown-menu dropdown-dark">
                <li>
                    <a ui-sref="app.pages.user" translate="topbar.user.PROFILE">
                        My Profile
                    </a>
                </li>
                <li>
                    <a ui-sref="app.pages.calendar" translate="topbar.user.CALENDAR">
                        My Calendar
                    </a>
                </li>
                <li>
                    <a ui-sref="app.pages.messages" translate="topbar.user.MESSAGES">
                        My Messages (3)
                    </a>
                </li>
                <li>
                    <a ui-sref="login.lockscreen" translate="topbar.user.LOCKSCREEN">
                        Lock Screen
                    </a>
                </li>
                <li>
                    <a ui-sref="login.signin" translate="topbar.user.LOGOUT">
                        Log Out
                    </a>
                </li>
            </ul>
        </li>
    </ul>
</div>

谢谢！