Angular 2材料嵌套md-list-item
发布时间:2020-12-17 09:57:29 所属栏目:安全 来源:网络整理
导读:使用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-car
使用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> 产生类似的东西 希望有一天能帮助某人 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |