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菜单有一个属性，您可以将其设置为在点击时打开菜单而不是悬停。

在您的Controller中创建一个属性

$scope.kendoMenuOptions = {
       openOnClick: true
    };

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

k-options="kendoMenuOptions"

使用angularjs打开kendo菜单onClick

1 个答案: