如何在角度材料的md- list -item中制作一个子列表？
在角度材料的md-list-item中制作一个子列表，可以通过使用Angular的ngFor指令和ng-template来实现。下面是一个示例代码：
<md-list>
<md-list-item *ngFor="let item of parentList">
{{ item.name }}
<md-list>
<md-list-item *ngFor="let subItem of item.subList">
{{ subItem.name }}
</md-list-item>
</md-list>
</md-list-item>
</md-list>在上面的代码中，我们使用了两个ngFor指令。第一个ngFor用于遍历父列表(parentList)，每个父列表项都包含一个子列表(subList)。第二个ngFor用于遍历子列表，将子列表项(subItem)显示在md-list-item中。
这样就可以在角度材料的md-list-item中制作一个子列表。你可以根据实际需求修改代码，并根据需要添加样式和其他功能。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ailab
- 腾讯云物联网平台：https://cloud.tencent.com/product/iotexplorer
- 移动推送（信鸽）：https://cloud.tencent.com/product/tpns
- 对象存储（COS）：https://cloud.tencent.com/product/cos
- 区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙解决方案：https://cloud.tencent.com/solution/virtual-universe
相关·内容
我已经使用Angular材质在side-nav上制作了一个md-list。我想添加一个属于md-list-item的子列表。这是我的代码。> <i class="material-icons">dashboard</i><div
浏览 16提问于2016-09-20得票数 2
我正在阅读 (和md-项目)的角度材料网站.在源代码中，我看到了这个html： <md-content> <md-item-content>
浏览 3提问于2015-03-16得票数 4
回答已采纳
我有下面的代码在我的项目和我有这个问题。当我将md-menu组件添加到我的动态生成(ng-repeat) md-list组件中时，它将在JS控制台中显示此错误：
<md-list-item ng-repeat="playlist in playlists"
浏览 2提问于2015-10-20得票数 2
回答已采纳
2回答
角度材料清单设计
、、
我需要设计一个父容器，它有固定长度的子列表项(150 px)。请告诉我如何用角度材料来达到这个目的。关于我的要求，请看下面的图片。我试着实现这个..。使用以下代码。
浏览 5提问于2016-12-05得票数 1
回答已采纳
3回答
离子列表项只呈现到显示高度，并在向下滚动或向上滚动时重复使用。
但是，如果我使用离子指令，他们就没有材料设计。如果我使用角度材料，我将不会有这些性能的改善，以及移动应用程序所需的额外功能。角度材料指令就像 <md-item ng-repeat="item in items">
浏览 5提问于2015-03-07得票数 100
回答已采纳
1回答
尽管使用了md-list属性，但md-card中的flex并不能适应不同的屏幕大小。我相信这可能是因为ng-href在md-list-item里面。md-content>
<md-card> <md-list>
<md-
浏览 2提问于2016-10-23得票数 0
回答已采纳
在使用角度材料设计时，发现了一个错误...在md- subMenu上，如果您有一个子菜单项(如您在图像中所见)，并且您打开该菜单，然后将鼠标悬停在非子菜单项(菜单项)上，则会抛出错误"Cannot readproperty ' open‘of null“，即使在将鼠标悬停在不同的菜单项上并需要单击打开子菜单项后，它也会保持高亮显示。>
<md-button ng-click="---&q
浏览 0提问于2016-05-27得票数 1
1回答
我试图为md-列表中的奇数/偶数行设置一个不同的背景。不确定这是否支持使用角度材料2-Md-列表组件，因为我没有看到任何有关这方面的文档。
我相信角2支持使用ng类奇数/ng类偶数。
浏览 1提问于2017-02-20得票数 0
1回答
我有按钮(以实现涟漪效应)，其中有一个图像，然后文本。我希望按钮是全宽度的，图像和文本从左边开始，但是它们是中心对齐的，如下所示：这就是我正在尝试的，但似乎layout-align不适用于按钮，但它当然应该？<md-list role="list"> <a
浏览 0提问于2015-07-02得票数 0
我想要实现的md-列表-包含使用ngFor创建的按钮的项
现在，我想在第一级元素上悬停时触发第二级菜单item.name
浏览 1提问于2017-04-29得票数 2
1回答
角度材质:增加形状大小
、、、
我正在寻找一种可能性来控制角度材料中输入元素的大小。我想创建一个表单，如这里所示，但主要问题(用md- -2类测试)是由标签的动画引起的，因为它们在输入字段中的位置是绝对在css中定义的。有没有办法创建如图所示的表单，或者我必须找到解决方法？
浏览 0提问于2015-05-03得票数 3
回答已采纳
2回答
我在我的项目中使用了角度材料部件“md-自动完成”。我的要求:在调用md-自动完成方法之前，有一种方法可以调用事件调用。HTML源代码：<md-
浏览 8提问于2017-03-31得票数 8
md菜单的预期行为如下： <button ng-click="$mdOpenMenu()">Filters</button>
<md-menu-content><md-menu-item ng-repeat="field in devices.fieldList"><md-button ng-click="devices.setFilter(field)" ng-bind="fi
浏览 0提问于2016-03-01得票数 3
回答已采纳
我使用的是md-自动完成，在md-项中，它没有正确地更新响应列表，这是从Service调用获得的。span></md-autocomplete>//bind the autocomplete list when text changequery.length >=3) {
results
浏览 0提问于2016-02-25得票数 4
回答已采纳
1回答
我正在尝试将角度代码从Bootstrap迁移到材料设计。我需要显示一张物品清单(例如汽车)。我有一个汽车清单组件和一个汽车项目组件。如果可能的话我想把它分开。不幸的是，10项的结果列表显示为一行上的10个方框，而不是预期的10行。
我的问题是:我可以在一个<mat-list-item>**?**内部使用一</
浏览 5提问于2019-10-20得票数 2
回答已采纳
当使用虚拟重复和md-列表时，我正在经历奇怪的行为。下面是我在GitHub上概述的问题：什么问题？*我希望把所有的物品都呈现出来。角
浏览 2提问于2016-09-30得票数 1
回答已采纳
我正在创建这个角度应用程序使用角材料，其中md-自动完成是非常有用的。表单允许用户在字段中选择或输入数据，下一个字段根据第一个md-autocomplete字段的值填充数据。如果用户从列表中选择项目，那么md-selected-item=ctrl.selectedText就有了下一个字段所需的对象。但是，如果用户只复制值并将md-autocomplete字段和选项卡粘贴到下一个字段
浏览 4提问于2016-05-20得票数 1
回答已采纳
1回答
我有这样一个嵌套的ng-template结构。], [ "4-1", "4-2", "4-3", ], ]如何在组件中呈现子更新
最后，我想把有角度的材料组
浏览 4提问于2017-11-20得票数 5
1回答
我想要使角度材料选择工作，就像我的角度ui选择。我得到了其中的一些工作，但有一个区别:角ui选择可以有一个对象，但它不在他的ng模型列表中。}}</ui-select-match>
<ui-select-choices repeat="item in list" refresh="refresh($
浏览 1提问于2016-12-28得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
