使用angularjs打开剑道菜单onClick

Question

这是我的密码

  <ul kendo-menu k-orientation="horizontal" k-options="kendomenu">
                        <li ng-repeat="toplevel in UserMenu.TopLevels" class="k-item k-state-default" role="menuitem" >
                            <span class="k-link">
                                {{toplevel.name}}
                                <span class="k-icon k-i-arrow-s"></span>
                            </span>
                            <ul class="k-group k-menu-group k-popup k-reset" role="menu" ng-repeat="level2 in toplevel.levels" >
                                <li class="k-item k-state-default" ng-repeat="view in level2.views"><span class="k-link" ng-click="addTab(view.name,getTemplate(view.link))">{{view.name}}</span></li>
                            </ul>
                        </li>
                    </ul>

我想在UL点击打开这个LI

                                <li class="k-item k-state-default" ng-repeat="view in level2.views"><span class="k-link" ng-click="addTab(view.name,getTemplate(view.link))">{{view.name}}</span></li>

Answer 1

Kendo菜单有一个属性，您可以将其设置为在单击时打开菜单，而不是单击Hover。

在Controller中将属性创建为

$scope.kendoMenuOptions = {
       openOnClick: true
    };

然后在HTML中将选项设置为：

k-options="kendoMenuOptions"