从控制器激活ng-class以展开菜单

Question

带有子菜单的菜单，您可以展开并突出显示所选的KPI。

        <li ng-repeat="(key, value) in kpis | groupBy: 'Type'" ng-class="{'active-menu-item': menu.active, 'open': menu.open}">
            <a ng-click="menu.open = !menu.open">
                <span ng-class="kpiInitializer.IconFromKpiType(key)"></span>{{kpiInitializer.TextFromKpiType(key)}}
            </a>
            <ul class="navbarColorOnClick submenu">
                <li ng-repeat="kpi in value" ui-sref-active="active">
                    <a ui-sref="kpi.overview({kpiChoice: '{{kpi.Id}}'})">{{kpi.Name}} </a>
                </li>
            </ul>
        </li>

你可以看到我有一个可以扩展的子菜单。 ng-click="menu.open = !menu.open。它工作正常，但现在我有一个问题。

当我点击控制器中与此视图无关的按钮时，我想要扩展此子菜单。正确的子菜单应该倒下。在此解决方案中，它突出显示了正确的属性，但子菜单不会扩展，因此您无法看到突出显示的选项。

Answer 1

最近我遇到了类似的bootstrap问题，它是由嵌套的li - ul - li标签引起的。您可能需要将其更改为div - ul - li。