使用Angular 2和材料设计,尝试在sidenav中获取嵌套列表
我的代码就像
我的代码就像
<md-sidenav #sidenav class="sidenav" mode="over" opened> <md-nav-list> <md-card class="user-card"> <md-card-header> <div md-card-avatar class="user-avatar"></div> </md-card-header> </md-card> <md-divider></md-divider> <md-list-item *ngFor="let category of ategories"> <a md-line>{{ category.name }}</a> </md-list-item> </md-nav-list> </md-sidenav>
哪个工作正常,看起来像
现在当我尝试嵌套时,就像
<md-sidenav #sidenav class="sidenav" mode="over" opened> <md-nav-list> <md-card class="user-card"> <md-card-header> <div md-card-avatar class="user-avatar"></div> </md-card-header> </md-card> <md-divider></md-divider> <md-list-item *ngFor="let category of ategories"> <a md-line>{{ category.name }}</a> <md-list-item *ngFor="let subcategory of category.subcategories"> <a md-line>{{ subcategory.subcategory }}</a> </md-list-item> </md-list-item> </md-nav-list> </md-sidenav>
看起来像
我想实现嵌套列表,可能是可折叠的.
知道我做错了什么或如何处理这个问题?
好吧,想通了,如果将来有人像这样陷入困境.
不要在md-list-item上使用* ngfor,而是在div上执行,就像这样
<md-list> <div *ngFor="let category of practice_categories"> <md-list-item>{{category.category}}</md-list-item> <md-list style="margin-left:30px;"> <div *ngFor="let subcategory of category.subcategories"> <md-list-item>{{ subcategory.subcategory }}</md-list-item> </div> </md-list> </div> </md-list>
产生类似的东西
希望有一天能帮助某人
原文地址:https://www.jb51.cc/angularjs/140352.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。