mat-list-item不计算子组件中的"mat-line“类
mat-list-item是Angular Material中的一个组件，用于创建列表项。它是一个灵活的组件，可以包含各种类型的子组件，并且可以自定义样式。
在mat-list-item中，"mat-line"类用于指定子组件中显示为文本行的元素。它可以用于创建列表项中的标题、副标题或其他相关信息。
"mat-line"类不会对子组件进行计算或应用样式。它只是作为一个标记类，方便我们在样式中选择和控制列表项中的文本行。
使用mat-list-item时，可以在子组件中添加多个具有"mat-line"类的元素，以创建多行文本或其他布局效果。通过添加其他样式类或CSS属性，我们可以进一步自定义子组件的外观和行为。
腾讯云提供了各种云服务产品，可以满足云计算和IT互联网领域的需求。在与mat-list-item相关的应用场景中，腾讯云的云服务器（CVM）和云存储（COS）等产品可能会有所帮助。您可以访问腾讯云官网获取更多关于这些产品的详细信息。
- 腾讯云云服务器（CVM）：提供安全可靠的云服务器，可用于搭建应用程序的后端服务。详情请参考：腾讯云云服务器
- 腾讯云云存储（COS）：提供可扩展的对象存储服务，适用于存储和管理大量数据。详情请参考：腾讯云云存储
请注意，以上提到的腾讯云产品仅作为示例，并非对其他云计算品牌商的比较或推荐。在实际应用中，您可以根据自己的需求选择最适合的云计算服务商和相关产品。
相关·内容
角度材质列表(mat- list )具有子元素(mat-list-item)。当它呈现列表时，它计算每个项目由多少行组成(基于css类"mat-line")。如果"mat-list-item“的内容来自一个有角度的子组件，它(mat-list)不会计算"mat-line”css类，也不会将"mat-2-line“类添加到"mat-list-item<
浏览 40提问于2021-02-01得票数 2
我正在创建一个聊天室，每一条信息都是一个棱角分明的材料列表。。
<mat-list-item class="chat-message-body" *ngIf="auth._id !"></mat-list>
如何强迫它显示全文？
浏览 9提问于2017-11-19得票数 15
回答已采纳
2回答
<mat-list> <mat-list-item> <h4 mat-line>{{item.name}} {{item.description}}</h4></a>
<&
浏览 17提问于2018-02-08得票数 2
回答已采纳
4回答
我试图用角度4和角度材料显示从XML到列表的信息列表。文件： <h3 mat-subheader>Your info</h3> <h2 mat-line>Your name is: <b>{{name}}</b></h2>
<p mat-line> Your address is: <b> {{ad
浏览 3提问于2017-11-17得票数 0
回答已采纳
1回答
这是我的HTML，它在一个mat-nav-list中，*ngf正在检查用户是否应该看到该链接。| async"> <h4 mat-line>Beschikbaarheid</h4> <a mat-list-item *ngIf="showAvailabilityMenu
浏览 15提问于2019-04-24得票数 1
回答已采纳
1回答
不幸的是，对于Angular的mat-list-item和mat-line，它似乎不喜欢包含这样的内容的mat-line。我想做的是：
<div mat-line><button mat-icon-b
浏览 4提问于2018-06-07得票数 1
回答已采纳
我正在从API中获取数据，如下所示： ngAfterViewInit() { <mat-icon mat-list-icon>done</mat-icon><div mat-line>Cronjob</div>
浏览 76提问于2021-09-16得票数 2
回答已采纳
3回答
async"> <span> {{message.content}} </span> </md-list-item>它的产出如下：
如何在使用时显示每个md列表项的所有文本
浏览 0提问于2017-02-03得票数 9
回答已采纳
/mat-icon> <p mat-line>Content of list item 1.>check</mat-icon> <p mat-line>Content of list item 2.>
浏览 1提问于2018-07-29得票数 3
我正在通过API从我们的系统中提取信息，并希望输出特定的日期和信息。: number; "import", "cron",];[val] = {} as StatusElementInterface;
} 在ngAfterViewInit中，我以这样
浏览 39提问于2021-09-16得票数 0
回答已采纳
我们使用的是简单的<mat-nav-list>组件，每个组件的内部都有一个mat-list-item，每个组件都有一个routerLink。就像这样： <mat-list-item [routerLink]="[
浏览 9提问于2022-02-18得票数 0
回答已采纳
我可以返回一些作为可观察到的吗？this.friendListService.getData().subscribe(data => { });} } return this.data$.asObservable();}
在LoadNotifyService中
浏览 0提问于2018-09-25得票数 1
3回答
具有“半”侧边模式的角状材料侧栏
、、、、
我正在为我们的项目的动态侧栏工作，基本上我们要做的是设置一个动态侧栏，当用户点击侧栏时，它会扩散，当用户单击返回侧栏应该折叠和显示只显示图标(但不是完全折叠它将保留图标)例如用户单击图标。我们使用的是angular material函数中的sidenav.toggle()函数，它基本上完全关闭了侧边栏，如果我不使用切换()函数，导航栏的"Side“模式就不起作用。所以我想折叠到带有侧边模式的图标。(我们需要保持侧边模式的另一个原因是，我们还需
浏览 5提问于2017-10-20得票数 23
我正在尝试将一个MatBottomSheet添加到我正在构建的一个应用程序中，这个应用程序的角度为13。：第一部分是触发Bottom Sheet的页脚组件。/plus.google.com/" mat-list-item (click)="openLink($event)">
<span mat-line>Google Plus</span><span <
浏览 3提问于2021-12-01得票数 2
回答已采纳
组件的角HTML模板 <mat-form-field> </mat-form-field>
<mat-list formControlName="foldersList"&
浏览 7提问于2019-11-29得票数 0
回答已采纳
Sidenav条在材质角度中不能正确渲染。 </button> <mat-nav-list class="mat-nav-list"> <span mat-line class="s
浏览 63提问于2017-10-09得票数 0
2回答
用数组中的数据更新列表
、、、、
你好大家，我正在尝试创建一个小应用程序来管理员工的任务。在应用程序的一部分中，用户可以添加失败的调用尝试。因此，如果他单击一个按钮，就会调用一个函数，该函数应该在CallService的call数组中插入一个新的call对象。之后，新的调用应该显示在视图中。但事实并非如此。/div>
<div mat-line style="font-size: 1.2rem; color:chocolate;
浏览 5提问于2022-07-27得票数 0
回答已采纳
这就是我要做的： <mat-list-item *ngFor="let company of (companies | filter:filterText | slice:lowValue:highValuemat-line color="primary">{{ company.name }}</a> <mat-divider><&#x
浏览 12提问于2021-03-26得票数 0
回答已采纳
2回答
我使用组件的可折叠菜单，但图标对齐没有适当地来其对齐右侧的文本，而不是左边，谁能建议如何实现这个问题。<mat-expansion-panel class="mxSubMenuContainer"> </mat-panel-title>
<&#
浏览 3提问于2017-10-19得票数 4
我有一个侧导航，它的活动类集基于一个名为activeRoute的字段。': activeRoute === menuItem.route}" <h4 mat-line>{{menuItem.label}}</h4>下面是我的sidenav组件，
浏览 0提问于2019-03-08得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
