我对使用可扩展项目/节点的递归创建列表有两个问题。
显示的主节点:
incme
子级和下一级别的所有内容都显示为:
<md-list>
<md-list-item ng-repeat="section in menu" ng-click="$event.stopPropagation()" ng-include="'section.html'"></md-list-item>
</md-list>
1.这会产生可点击的列表项<md-item-content md-ink-ripple layout="row" ng-click="openSection(section); $event.stopPropagation()" ng-hide="false" ng-disabled="true">
<div class="inset" ng-bind="section.title">
</div>
</md-item-content>
<md-list>
<md-list-item ng-if="section.childrenMenuItem" ng-repeat="section in section.childrenMenuItem" ng-click="$event.stopPropagation()" ng-include="'section.html'"></md-list-item>
</md-list>
效果,当我使用ng-disable时,不再显示该效果,但md-ink-ripple
上的操作开始,部分打开。如果项目被禁用,有没有办法阻止点击操作除了检查内部功能?
2.当我将子节点中列表的层次结构从md-item-content更改为somthing时,在少数情况下,openSection
在同一时间内在所有元素或少数元素的整个列表中显示,但递归更深。以这种方式创建的md-ink-ripple
的适当层次结构是什么?