Angular Material:更改<mat-list-item>的字体大小
Angular Material是一个UI组件库，它为开发者提供了一套现成的、美观的、易于使用的UI组件，帮助开发者快速构建精美的Web应用程序。
对于更改<mat-list-item>的字体大小，可以通过以下步骤实现：
- 在Angular项目中安装Angular Material库。可以使用以下命令进行安装：
- 在Angular项目中安装Angular Material库。可以使用以下命令进行安装：
- 在需要使用<mat-list-item>的组件中引入所需的Angular Material模块。例如，在组件的.ts文件中添加以下代码：
- 在需要使用<mat-list-item>的组件中引入所需的Angular Material模块。例如，在组件的.ts文件中添加以下代码：
- 在组件的模板文件(.html)中使用<mat-list-item>标签，并通过样式绑定方式设置字体大小。例如，可以使用内联样式或者CSS类来设置字体大小。以下是两种示例：
- a) 使用内联样式设置字体大小：
- a) 使用内联样式设置字体大小：
- 在组件的.ts文件中定义一个变量fontSize，并设置所需的字体大小：
- 在组件的.ts文件中定义一个变量fontSize，并设置所需的字体大小：
- b) 使用CSS类设置字体大小：
- b) 使用CSS类设置字体大小：
- 在组件的样式文件(.css或.scss)中定义.custom-font-size类，并设置所需的字体大小：
- 在组件的样式文件(.css或.scss)中定义.custom-font-size类，并设置所需的字体大小：
需要注意的是，以上示例中的字体大小为16像素，可以根据实际需求进行调整。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云对象存储（COS）。
- 腾讯云云服务器（CVM）：提供弹性计算能力，可根据业务需求灵活选择配置，支持多种操作系统，适用于各类应用场景。了解更多信息，请访问：腾讯云云服务器（CVM）
- 腾讯云对象存储（COS）：提供安全、稳定、低成本的对象存储服务，适用于存储和处理各类非结构化数据。了解更多信息，请访问：腾讯云对象存储（COS）
以上是关于Angular Material中更改<mat-list-item>字体大小的完善且全面的答案。
相关·内容
各位，我是Angular的新手。我需要使用material angular创建一个简单的列表。我得到的只是一个空白的白色网页，而不是按钮。下面是我的代码 模板文件： <mat-list>
<mat-list-item> Pepper </mat-list-item>
<mat-list-item> Salt </mat-list-item>
<mat-list-item> Paprika </mat-list-item>
</mat-list> app.module.ts impor
浏览 12提问于2020-08-31得票数 0
回答已采纳
如何将以下内容设置为水平，而不是垂直的(明显的默认值)？它位于我的Angular 5.2.7应用程序中的navigation.component.html中，该应用程序是通过Angular-CLI1.7.2生成的。注释中包含的文档链接未讨论如何水平布局材质导航栏。
<mat-nav-list>
<!--https://material.angular.io/components/list/overview-->
<mat-list-item>
<a [routerLink]="['/home']"&g
浏览 3提问于2018-03-08得票数 13
1回答
我正在尝试使用@angular/material包中的功能为我的angular应用程序创建一个侧栏。
我尝试了多种方式将侧边栏添加到应用程序中，但它仍然是空的/没有显示。
<mat-sidenav-container>
<mat-sidenav #sidenav>
<mat-nav-list>
<a mat-list-item > Accounts </a>
<a mat-list-item > Create Account </a>
<a mat-l
浏览 8提问于2020-06-06得票数 4
回答已采纳
我正在尝试将一个MatBottomSheet添加到我正在构建的一个应用程序中，这个应用程序的角度为13。我试图遵循以下示例：
但是，我经常失败，并在浏览器中获得此错误：
core.mjs:6495 ERROR NullInjectorError: R3InjectorError(AppModule)MatBottomSheet -> MatBottomSheet -> MatBottomSheet: NullInjectorError: No provider for MatBottomSheet！在NullInjector.get (core.mjs:11139) at R3
浏览 3提问于2021-12-01得票数 2
回答已采纳
让我们来看看这个： <a mat-list-item routerLink="..." routerLinkActive="active-class">Link</a> 所以这里Angular允许嵌入"mat-list-item“作为<a>属性。 其他所有材料组件都有类似的语法吗？ 可以这样说： <mat-toolbar>
<header></header>
</mat-toolbar> 我可以这样做吗： <header mat-toolbar>&
浏览 17提问于2018-12-20得票数 1
回答已采纳
我正在创建一个新的角7应用程序，在过去的几天里我一直在研究这个问题，但是我无法找到解决这个错误的方法：
不能绑定到“routerlink”，因为它不是“a”的已知属性
下面是一些我看过的和的文章，但是“不去”。
以下是布局：
app ->导航这里是代码：
app.module.ts
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { UltiMaterialModule } from
浏览 0提问于2018-11-04得票数 8
回答已采纳
1回答
我正在使用Angular 8和Angular材质，并想为一个垂直点菜单创建一个弹出窗口，它看起来像这样的图像(相应的html添加在下面)：
<div>
<a aria-expanded="false" aria-haspopup="true" class="dropdown-toggle overflow-menu-toggle" data-flip="false" data-toggle="dropdown" href="#" id="dropdownO
浏览 3提问于2021-01-14得票数 0
我正试图为我的应用程序创建一个可重用的组件工具栏，但我遇到了以下问题：
Error: Uncaught (in promise): NullInjectorError: R3InjectorError(AppModule)[MatSidenavContainer -> MatSidenavContainer -> MatSidenavContainer]:
NullInjectorError: No provider for MatSidenavContainer!
NullInjectorError: R3InjectorError(AppModule)[MatSidena
浏览 5提问于2022-07-25得票数 0
我正在用角质材料建造一个角度工程。我在使用时出错了。这些席式字段中有些正在工作，但有些则不能工作。我想找出解决办法，但失败了。让我附上我的密码。请告诉我您想检查其他代码的类型。
这是HTML代码：
<mat-form-field>
<mat-label>Event Graphic</mat-label>
<ngx-mat-file-input placeholder="Basic Input" formControlName="eventGraphicAttachment" ngDefaultControl>
浏览 4提问于2021-05-28得票数 0
回答已采纳
我正在使用Angular Material。我有一个包含各种字段和列表项的表单。我已经使用下面的代码更改了mat-form-field输入的大小 mat-form-field.mat-form-field {
font-size: 14px;
} 但是，因为列表不是mat-form-field的一部分，所以它们仍然是它们的默认16px。如何更改<mat-list-item>的大小？ <mat-list-item *ngFor="let file of files">{{file.name}}<mat-list-item>
浏览 28提问于2019-12-13得票数 2
我使用的是Angular Material 7.2.2版本，当我运行我的组件时，我在Chrome上一直收到以下错误。 ? 在下面的gist中，我的shared.module.ts中正确地导入了这些库。 受影响的HTML文件的代码如下。 <div fxLayout="column">
<mat-nav-list fxFlex fxLayout="column">
<mat-list-item *ngFor="let item of menuItems"
浏览 11提问于2019-03-12得票数 1
回答已采纳
目前，我正在开发一个使用Angular Material的Angular Web-App。sidenav运行得无懈可击，但每次我打开一个新的路由器链接时，它都会导致整个页面刷新。
HTML：
<mat-nav-list>
<a mat-list-item routerLink="/page1" (click)="sidenav.close()">page1</a>
<a mat-list-item routerLink="/page2" (click)="sidenav.close()&#
浏览 6提问于2018-09-03得票数 0
2回答
我正在尝试显示我的应用程序的用户名称的列表。包括在显示应该是一个图标按钮，它将执行一些行动时，按下。我用的是有角的材料部件。
我相信我有所有重要的导入到模块。下面的代码显示了我导入的材料设计组件：
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { MatListModu
浏览 1提问于2020-03-31得票数 0
回答已采纳
1回答
我有一个带有资料的应用程序sidenav，sidenav显示有链接的列表。其中一个链接具有一个指令，如果用户权限与预期的权限不匹配，则该指令将隐藏该链接。如果我在我的头组件中使用列表，所有工作正常，但是在我的app组件中，在app重新加载之前，指令是不能工作的。我怎么才能修好？
app.component.ts
import { MatSidenav } from "@angular/material";
import { ViewChild, ViewEncapsulation, OnChanges } from "@angular/core";
import
浏览 0提问于2018-10-22得票数 0
回答已采纳
3回答
我是新的角度世界，我想做一个仪表板(与SideNav和TopNav)与角材料。因此，我安装了所有的东西，并通过以下方式添加了角材料库：
ng add @angular/material
我还为teh sideNav和TopNav添加了准备使用组件，并称其为"mynav"：
ng add @angular/material:nav mynav
当我运行"ng serve -o“时，我得到了需要的sideNav和TopNav，但是在桌面(或任何其他宽屏设备)视图中缺少了显示和隐藏sideNav的汉堡图标。
。不过，在移动(或其他任何小屏幕设备)视图中，“汉堡菜单”是可见的
浏览 0提问于2019-05-12得票数 2
我想为我的background-color的.active类创建一个动态的mat-list-item
HTML：
<mat-list-item
*ngFor="let page of pages"
matRipple
routerLinkActive="active"
>
<a [routerLink]="page.path" (click)="drawer.close()"
><mat-icon class="mat-1
浏览 0提问于2020-08-20得票数 0
回答已采纳
2回答
我已经用这个命令ng generate @angular/material:material-nav --name=home创建了一个导航栏，当我向下滚动时，我希望我的导航栏固定在顶部。
我用我的mat-sidenav-content尝试了position: fixed;，但是它不起作用。你们知道我该怎么做吗？
navbar.component.html
<mat-sidenav-container class="sidenav-container">
<mat-sidenav #drawer class="sidenav" fixedIn
浏览 0提问于2021-04-05得票数 0
4回答
缩放字体大小与屏幕大小？
、、、、
我正在开发一个带有AngularJS 1.x和棱角材质的web应用程序。我正试图在md-display-4上创建一个带有大标题的登陆页面。
看上去是这样的：
正如您所看到的，标题很好地填充了页面，并适合于一行。
然而，这是在1680x1050监视器上。如果我将浏览器窗口移动到我的较小的1366x768监视器，则会得到以下结果：
正如您所看到的，字体保持相同的物理大小，并且溢出到下一行，并且不再以中心为中心。
根据屏幕大小，我如何确保字体缩放的一致性？
这是我的密码：
<html>
<head>
<title>FOO
浏览 12提问于2016-06-08得票数 3
回答已采纳
在我的Angular Material应用程序中，我有一个包含多行(mat- list -item)的列表(mat-list)。
我试图阻止mat-list-item包装它们的内容。
例如，而不是这样：
IT架构师
在通用电气
它应该看起来像这样：
通用电气的 IT架构师
下面是html：
component.html：
<mat-list>
<mat-list-item class="no-wrap">
<h3 class="name"> {{fi
浏览 61提问于2018-08-31得票数 2
回答已采纳
1回答
我对棱角很陌生，也找不到任何东西来解释从ng generate @angular/material:material-nav生成的代码行的确切含义。
我特别不清楚以下几句话：
[attr.role]="isHandset ? 'dialog' : 'navigation'"
[mode]="(isHandset | async)!.matches ? 'over' : 'side'"
[opened]="!(isHandset | async)!.matches">
更确切地说
浏览 1提问于2018-05-13得票数 2
回答已采纳
我尝试使用下面的代码来覆盖基于列表索引的angular material2 mat- list -item-content样式。
组件HTML：
<div fxLayout="column" fxLayoutAlign="start center" fxFill>
<mat-list dense class="mat-list">
<mat-list-item *ngFor="let message of messages" class="{{message.float}}
浏览 0提问于2018-02-09得票数 5
我正在尝试创建另一个路由模块并在我的应用程序中实现它。我想用懒装。
我收到错误了
错误:没有为'TaskTypeComponent‘找到NgModule元数据。
这是我的AppModule
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppRoutingModule } from './app-routing.module';
import { AppCompon
浏览 2提问于2019-11-08得票数 0
回答已采纳
我正在使用新的angular模板，每次我更改代码时，视图都会呈现在现有视图的下面、上面或下面，而不是更新它。有人知道为什么吗？当我创建项目的时候，它没有做到这一点，但我不明白为什么它现在会做到这一点。
<mat-toolbar style="background:purple">
<mat-button-toggle (click)="sidenav.toggle()"><i class="material-icons" style="color:white">menu</i
浏览 2提问于2017-11-17得票数 0
我是使用角度材料，以建立一个侧面，可以隐藏导航文字时，点击菜单。我在mat-sidenav容器上使用自动大小跟踪。
但是sidenav仍然覆盖了mat-sidenav内容部分，并且它不会自动调整内容部分的大小。
I使用“@角/材料”："^8.0.2“
html
<mat-sidenav-container class="example-container" autosize>
<mat-sidenav #sidenav class="example-sidenav" mode="side" opened=
浏览 3提问于2020-02-03得票数 6
回答已采纳
1回答
我想设计一个由工具栏和侧面下方的角度组成的组件。下面是我的组件的对应HTML代码：
<mat-toolbar color="primary">
<button mat-icon-button (click)="sidenav.toggle()">
<mat-icon>menu</mat-icon>
</button>
Toolbar Title
</mat-toolbar>
<mat-sidenav-container>
<ma
浏览 12提问于2022-02-02得票数 0
回答已采纳
1回答
我正在尝试动态地从远程JSON创建一个sidenav，它运行良好，它从URL中获取JSON并将其解析为导航列表。现在我想console.log所选的导航列表项目，这是我做不到的，我在网上查了几个解决方案，但没有用。这是我的代码：
服务：
import 'rxjs/add/operator/map';
import { HttpClient } from '@angular/common/http';
import { Injectable } from '@angular/core';
import { Router } from '@
浏览 0提问于2018-05-14得票数 1
回答已采纳
我想在Angular Material中的一行中显示锚标签中的elemrnts。我需要CSS样式来实现输出。 我的HTML： <a mat-list-item [routerLink]="['dashboard']" style="text-align: center;">
<mat-icon style="height:15px;display: block;">dashboard</mat-icon>
<span style="display: block;"
浏览 39提问于2020-09-09得票数 0
1回答
使用mat-sidenav (opened="true")和mat-nav-list
每个mat-list-item都有一个mat-icon和一个span
mat-sidenav-container有autosize指令
但是在调整的(折叠/展开)时没有动画。
<mat-sidenav-container class="example-container" autosize>
<mat-sidenav mode="side" [opened]="true" #sidenav>
浏览 1提问于2018-01-11得票数 3
3回答
我试图让侧边材料Sidenav在我打开栏的时候推入内容，显然是在它关闭的时候；推回原处的元素。目前，它所做的是在内容上开放
这是我的app-header.component.html
<!--- Toolbar starts here-->
<div class="container-toolbar">
<mat-toolbar color="primary" class="fixed-header">
<img src="" />
浏览 29提问于2018-12-13得票数 3
1回答
我正在按照这个视频(https://www.youtube.com/watch?v=Q6qhzG7mObU)教程学习如何使用工具栏设置Angular Material Sidenav，但它似乎只有在我调整页面大小后才会生效。我不知道这是我这边的一个小故障，还是我漏掉了一些小问题。 Doesn't show the menu icon on page load (even if page starts on mobile size) Shows menu icon as soon as page resizes to a mobile size import { Component }
浏览 7提问于2019-09-11得票数 1
在这里，我正在尝试我的第一个角度6项目，我想为我的项目使用材料设计。通过引用material.angular.io并为我的导航添加了material:nav组件(创建导航组件文件)，我成功地创建了项目。在.ts文件中，我有如下内容：
import { Component } from '@angular/core';
import { BreakpointObserver, Breakpoints, BreakpointState } from '@angular/cdk/layout';
import { Observable } from 'r
浏览 0提问于2018-05-25得票数 0
回答已采纳
1回答
我是angular的新手，使用angular 10创建了一个带有angular材料组件的边栏和页脚的简单页面。我遇到了正确显示左侧/侧面导航的问题。它目前正在被复制。代码和快照如下
Index.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>TITLE</title>
<base href="/">
<meta name="viewp
浏览 0提问于2020-11-18得票数 0
我在我的项目中使用side-nav，在调整到移动大小的切换菜单时，e side-nav将显示在左侧，如下所示：
现在，side-nav正在关闭router link (前客户) for all devices的问题，我希望它仅对小型设备(i,e mobile)关闭。
我知道这是这个的复制品
但这些答案使side-nav关闭了所有的设备。
应用程序-Nav.html
<mat-sidenav-container class="sidenav-container">
<mat-sidenav #drawer class="side
浏览 2提问于2018-10-17得票数 2
13回答
angular/material2 2中的mat-list组件应用了16px的上下填充。我想把这个设为0px。我已经尝试应用了一个具有更高特异性的样式，但它不起作用(或者我做错了)，我试图覆盖的.The样式是：
我正在尝试用以下命令覆盖它：
.list .mat-list .mat-list-item .mat-multi-line .mat-list-item-content {
padding-top: 0;
padding-bottom: 0;
}
<div class="list">
<mat-list>
<m
浏览 0提问于2018-02-23得票数 27
1回答
我正在尝试使用Angular中的filesaver下载一个文件。虽然我可以将参数添加到HttpCient getter函数中，但当我切换到自定义http模块时，它会忽略我试图添加的参数。我尝试基于HttpClient getter函数更改我的getter函数，但似乎什么都不起作用。仅供参考，http模块对我的所有其他服务都工作得很好。有什么想法吗？
我的http自定义模块：
get<T>(url:string, options) {
const httpOptions = {
headers: new HttpHeaders({
'
浏览 0提问于2020-01-28得票数 0
3回答
很抱歉提前问到这个问题。在写这篇文章之前，我在谷歌上搜索了我的问题，并尝试了很多解决方案，但都没有成功。我是个想学习材料的角质菜鸟。我的简单项目发出一个http请求，并使用接收到的JSON填充一个表。角质材料工作台工作正常，但分页器不工作。它是灰色的，显示0的0页。
component.html如下：
<div style="height: 80vh;">
<mat-toolbar color="primary">
<mat-toolbar-row>
<button mat-icon-button
浏览 3提问于2020-12-01得票数 1
回答已采纳
2回答
视图子组件未定义
、、、
我有一个父组件(DepotSelectionComponent)和一个子组件(SiteDetailsComponent)。向父组件发出一个事件(MoreDetails)。然后，此事件调用父对象中的getDetailsPage()函数，该函数使用ngswitch更改页面并加载一些数据。然而，我试图加载的组件似乎是未定义的，因此对该组件的引用不能通过viewchild装饰器工作。 我确信这与ngswitch有关，但我似乎就是想不出如何修复它，我已经尝试添加超时。由于该组件已经被加载，所以populateResults函数可以工作，但是populateDepotResults不能工作，因为该组件是
浏览 20提问于2020-01-06得票数 0
回答已采纳
是否有一种方法可以使用ts文件的样式类访问html字段？
我想要做的是显示/隐藏几个基于按钮单击的字段。字段是动态生成的，我只能访问样式类。
为我所做的一切。我试图在点击按钮时显示/隐藏所有带有class=“标签”的字段。mat-列表-项目是动态生成的，我不能修改它们。我能做得最好吗？
<mat-nav-list style="padding-top:0px !important;">
<a mat-list-item (click)="toggle(showText); showText = !showText">
<
浏览 0提问于2019-01-11得票数 0
回答已采纳
1回答
使用，可以直接创建导航系统。
ng generate @angular/material:navigation <componenet-name>
生成具有组件中所需功能的下面的模板
<mat-sidenav-container class="sidenav-container">
<mat-sidenav #drawer class="sidenav" fixedInViewport
[attr.role]="(isHandset$ | async) ? 'dialog' : 'na
浏览 6提问于2022-05-11得票数 0
回答已采纳
3回答
在我的角电子桌面应用程序中，我似乎有一些路由页面的困难。我已经按照你在角度应用程序中设置路由的方式设置了路由，但是没有任何工作。我使用routerlink="/home“作为html文件中的路由，并设置了指向app.routing.module中组件的路径。我有一个sidenav和一个工具栏，应该路由到相同的页面，以及登录到注册页面，应该加载应用程序启动，但什么也没有发生。
const routes: Routes = [
{path: 'Insurnace',component:InsuranceProviderComponent},
{path: '
浏览 9提问于2020-08-10得票数 3
我正在创建一个angular 7应用程序，并使用angular material侧面导航栏。我想将汉堡菜单更改为交叉图标，当我单击侧面导航显示和侧面导航关闭然后十字形图标更改为汉堡包菜单图标。 //html code
<mat-sidenav-container class="sidenav-container">
<mat-sidenav #drawer class="sidenav" fixedInViewport="true"
[attr.role]="'dialog'"
[mod
浏览 24提问于2019-10-18得票数 1
回答已采纳
3回答
我正忙于一个项目，在那里我使用角弯曲布局。据我所知，如果将fxLayoutWrap属性应用于容器，则flex容器应该换到下一行。出于某种原因，我有一个很小的x溢出。它以前更大，然后我删除了两个fxLayout行容器上的一些fxLayout，这使它变得更好了。当我将fxLayoutWrap属性应用到父(仪表板组件的第一行)行容器时，我不知道这是什么原因。知道我做错什么了吗？
将页面滚动到右侧的图片
和图片在向右滚动之前：
我的代码：
我的主组件的html：
<mat-sidenav-container position="start" class="custom
浏览 4提问于2017-10-18得票数 10
回答已采纳
1回答
我已经添加了我的自定义主题文件，我想通过网站减少字体大小。我不知道如何通过自定义主题更改字体大小，因为没有适当的文档来实现这一点。
@import '~@angular/material/theming';
// Plus imports for other components in your app.
// Include the common styles for Angular Material. We include this here so that you only
// have to load a single css file for Angular Ma
浏览 0提问于2017-09-10得票数 8
回答已采纳
我有一个侧面导航面板的一些细节。在header组件中，我有一个切换侧边导航的按钮。我已经使用.My实现了一个工具栏，要求是当我单击该按钮时，侧边导航应该切换到或切换出。如何实现它？
我的navigation.component.html：
<mat-toolbar>
</mat-toolbar>
<mat-sidenav-container>
<mat-list>
<mat-list-item>Accounts</mat-list-item>
<mat-list-item>
浏览 0提问于2020-02-17得票数 0
我想在应用程序的左侧集成一个导航栏。但是css中的继承似乎不起作用。 导航工具栏应该继承视频中的样式从角度材料“如果”我没有弄错。现在基本上没有继承的东西。我在控制台中没有错误，我确信，我已经导入了roboto等。 因为我是这个领域的新手，所以我在youtube上看了一段视频：https://www.youtube.com/watch?v=Q6qhzG7mObU，我更新了我的npm和ng。此外，我使用了'ng add @angular/material‘来确保所有内容都被正确配置和导入。 app.module.ts： import { AppRoutingModule } from
浏览 7提问于2019-01-21得票数 1
回答已采纳
我写在这里，因为我有一个问题，关于Mat Toolbar和Mat-sidenav从角度材料。我试着把Sidenav放在工具栏的下面，工具栏总是占据顶部，类似这样：
下面是我的代码：
<mat-sidenav-container class="sidenav-container" autosize>
<mat-sidenav #drawer class="sidenav" fixedInViewport="true"
[attr.role]="(isHandset$ | async) ? 'd
浏览 7提问于2018-12-11得票数 10
1回答
目标：
当您单击标题工具栏中的图标菜单时，应该展开它，并且由于sidenav菜单的空间，应该将"<mat-sidenav-content>“的内容更多地移到右边。
问题：
单击图标菜单时，由于sidenavemenu的扩展空间，"<mat-sidenav-content>“的内容不会移动到右侧。展开sidenav条形菜单时，内容是静态的。
我错过了什么部分？
信息：
*使用角9
*当您使侧栏导航菜单出现时，将被移动的内容的示例。
()
*当菜单未展开时，应显示图标，而不是文本。
斯塔克布利茨：
谢谢!
<mat-toolbar color=&#
浏览 0提问于2020-06-11得票数 0
回答已采纳
1回答
编辑:已通过Jojofoulk的评论解决。 在使用angular-material的自动补全组件时，我尝试对输入表单使用setValue，但它的[matAutocomplete]属性阻止了setValue显示在输入表单上。 检查反应式控件会发现值是正确的，删除[matAutocomplete]会让它正常工作，但有了它，它就不会显示出来。 <mat-list-item role="listitem" *ngFor="let skill of curObj.skills;index as ind">
<div>
<mat-
浏览 18提问于2019-06-05得票数 3
回答已采纳
Sidenav条在材质角度中不能正确渲染。
菜单并排显示，但我需要一个下面的菜单。
app.component.html
<mat-sidenav-container fullscreen>
<mat-sidenav #sidenav mode="push" class="app-sidenav">
<mat-toolbar color="primary">
<span class="toolbar-filler"></span>
浏览 63提问于2017-10-09得票数 0
2回答
我在我的应用程序上有一个sidenav工具栏，它总是显示出来，除非屏幕是移动的，当屏幕是手机时，会显示一个图标按钮来打开sidenav，但它不工作，可能有一个模块我需要注入。但我不知道是哪个。 这就是我的组件。 <mat-sidenav-container class="sidenav-container">
<mat-sidenav #drawer class="sidenav" fixedInViewport
*ngIf="(currentUser | async)"
[attr.role
浏览 13提问于2020-04-05得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
