如何在屏幕上垂直填充md内容或div？我仍然希望在as列中组织内容 <md-content layout="column" layout-fill> My content! </md-content> 我的内容！ 当您有一个带有flex属性的行时，它会垂直填充屏幕 在以下示例中，“我的内容”将填充所有可用空间（垂直和水平） 我的内容 当您有一个带有flex属性的行时，它会垂直填充屏幕 在以下示例中，“我的内容”将填充所有可用空间（垂直和水平） 我的内容 关于@

我尝试在angular 4.4.6应用程序中使用angular材质，但在尝试导入BrowserAnimationsModule时，浏览器中会显示一条错误消息 import { BrowserModule } from '@angular/platform-browser'; import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; imports: [ CommonModule,

找不到问题。。它可以工作，但显示错误，并在稍微滚动后打开值。。 有人吗 control.registerOnChange不是一个函数 searchPort:FormControl=newformcontrol（）； searchPortResult=[]； ... this.searchPort.valueChanges.pipe( 去BounceTime（400）） .订阅（数据=>{ this.codeTableSrv.searchport（数据） .subscribe（response=

选中mat复选框时，我需要突出显示一个mat行 如果您使用的是mat复选框，则可以使用（更改）事件切换您的突出显示的值并将其设置为复选框的当前选中状态： <mat-checkbox #checkbox (change)="element.highlighted = checkbox.checked" ></mat-checkbox> 请在问题中以文本形式将图像中的代码（格式代码）包括在内。

当您添加多个芯片时，如何防止输入线扩展。我试着设置了弹性和宽度，但它最终将输入行向下推。我也尝试过将其设置为绝对，但这完全打乱了对齐。下面是正在发生的事情的图片： 尝试在CSS文件中添加max width、max height和overflow-x:hidden到md chips wrap标记 大概是这样的： md-chips-wrap{ max-width: 250px; max-height: 40px; overflow-x: hidden; } 让我知道这对你是

我刚开始在工作中使用棱角材料。但我立刻击中了一些让我困惑的东西——希望我搞错了。 要设置按钮样式，您似乎必须添加属性，而不是类 <button mat-raised-button>Continue</button> 继续 有没有办法通过css类来实现这一点？如果没有，那么如果你建立了一个大型复杂的网站，使用了大量的mat-risted按钮，并且客户决定他们想要mat-stroked按钮，那么你必须更改每个按钮实例吗？ 常规的css/HTML按钮在这里肯定有优势，因为您

我在数据表中使用角度材质 并在最后一列中添加一个按钮 当我们从数据库获取的数据值为“Approve”时 然后该按钮将被禁用 我是如何做到这一点的 <!-- Star Column --> <ng-container matColumnDef="star" stickyEnd> <th mat-header-cell class="editbut" *matHeaderCellDef></th> <td mat-

以下是我的导航栏代码： <nav mat-tab-nav-bar> <a mat-tab-link *ngFor="let link of navLinks" [routerLink]="link.link" routerLinkActive #rla="routerLinkActive" [active]="rla.isActive"> </a> </nav> 除了看不到标签外，它

我想在mat菜单中创建一个mat选择控件。在文档中，我没有看到任何与该场景相关的示例。我试过了，它似乎起作用了，问题是当选项被扩展时，菜单被处理掉了。我怎样才能让它开着 您需要在菜单项上停止事件传播（$event.stopPropagation（））。下面是一个如何做到这一点的例子 <div mat-menu-item [disableRipple]="true" (click)="$event.stopPropagation()"> <mat-form-field&g

我有下面的场景-我有一个按钮，可以打开一个材质对话框，在我关闭它之后，我用来打开这个对话框的按钮会自动聚焦，它的背景颜色也会改变-它会变成灰色。这是材料文档所说的： 对话框关闭后，它将焦点返回到打开对话框之前已聚焦的元素 我试图为该按钮的cdk focused类添加一种样式，以再次将其设置为原始的浅蓝色背景色，但即使它被触发并表示这是当前的背景色，同样的灰色仍然存在，我无法确定是什么样式强制使用这种灰色。那么，有没有办法禁用自动对焦功能材质“提供”给我们，或者至少了解是哪种样式导致了这种情况，以

我想为我的输入字段定制它，我可以单独做，但当我把它们放在一起时它不起作用 我想格式化的第一件事是将日历设置为一周的第一天，从星期天到星期一，我用一个自定义适配器实现了这一点： export class CustomDateAdapter extends NgxMatNativeDateAdapter { getFirstDayOfWeek(): number { return 1; } } 第二种方法是将日期时间格式化为：2021-04-21 8:00，它可以很

我在我的应用程序中使用了角材料模型，但我无法在下拉列表顶部添加搜索框，您能帮助我如何实现它吗？提前谢谢 参考： 输入任务ID/任务描述 ***********控制器处的函数**ctrl.SearchingTaskFromLoadedTasks=函数（任务，任务名称）{ ctrl.stasks=[]； 如果（！（taskName==未定义的|| taskName.isNull（）| | taskName.isWhitespace（））{ 角度。forEach（任务、功能（项）{ if（item.

尝试用包装时 我得到了一个类似于上面的错误，但是 有这样的结构 <md-input-container> <label>Enter date</label> <md-datepicker ng-model="user.submissionDate"></md-datepicker> </md-input-container> 输入日期 经过几个小时的焦虑、徒劳无益的研究，我将角度材料从1.0.7更新为1.1.

我想在我的angular t项目中使用MatPaginaToModule，但我遇到了错误： 无法绑定到“pageSize”，因为它不是“mat paginator”的已知属性。 1。如果“mat paginator”是一个角度组件，并且具有“pageSize”输入，则验证它是否是此模块的一部分。 html <mat-paginator #paginator [pageSize]="10" [pageSizeOptions]="[5,

我试图让按钮组的宽度保持不变，它不应该受到按钮数量的影响。我粘贴我的stackblitz链接和我想要的结果图像 如图所示，按钮的宽度因其数量而改变，但按钮组宽度是恒定的/相同的使用引导可以实现这一点 大胆的 斜体 强调 闪电战 谢谢。您可以应用一些CSS来实现这一点，出于演示目的，我通过HTML中的内嵌样式应用了它，这样您可以看到它在做什么，但是如果您愿意，可以使用自定义类 首先设置组的宽度和边距。。。这里我做的是80%的视口宽度 然后将按钮宽度的all设置为100%，它将平均容器

我有一个物料表行，如下所示： <ng-container matColumnDef="delete"> <mat-header-cell *matHeaderCellDef>Delete</mat-header-cell> <mat-cell *matCellDef="let data"> <mat-spinner *ngIf="isDeleting" [diameter]="25" ></mat-spinne

我在SVG中有两个圆。SVG是可拖动的（带有angular9和材质），可以通过改变比例进行缩放。在正常缩放（100%）中，圆被拖动到SVG中效果非常好，但在SVG上设置新比例（例如1.5）时，圆被异常拖动，如下图： 未在鼠标位置拖动 和正常缩放的图像（100%） 我如何解决这个问题

导入app.module.ts文件中的MatFormFieldModule后，mat form字段显示未知元素 signin.component.Html中的我的Html代码： <mat-form-field appearance="legacy"> <mat-label>Legacy form field</mat-label> <input matInput placeholder="Placeho

当我专注于角度材质的输入时，背景中会出现一个希腊字母。上下文取自文档中的滑块示例 Ack！这些是反转的数字滑块

我有问题，我想使用有棱角的材料和应用基础 所以我用命令行安装了应用程序的基础…… foundation-apps new project 然后在cd项目后安装角材料： bower install angular-material 然后我看到这张图片： 我选择第二个选项。。。要安装材料 在此之后，我使用package.json来使用material的文件，， 这就是我的问题 以及： 如何用角材料用基础…我想要基金会应用程序网格和一些功能和材料功能 这条路对吗 我正在进行类似的实施，我现在正

有没有一种方法可以创建一个嵌套的列表视图组件，比如下面在jquery mobile中实现的组件 我使用了“角度材质”选项卡“组件样式”来创建嵌套列表的UI。你可以在这里找到演示 HTML CSS <div ng-app="appName"> <div ng-controller="MainController as vm"> <md-toolbar class="site-content-toolbar"> <h2 class=

我希望mat复选框值具有两个不同的值，例如： 如果选中，则等于1；如果未选中，则等于2 我不知道该怎么做，因为关于这个主题的文档很少。检查一下StackBlitz： 在HTML文件中： <mat-checkbox (click)="clicked()">Check me!</mat-checkbox> {{ checkBoxValue }} export class AppComponent { checkBoxValue: number = 1; chec

链接：- 我正在尝试角材料斯科尔巴期待在附加的图片。但是我不知道怎么做。默认情况下，“材质”不提供任何样式来更改滚动 您可以使用此css更改滚动条样式 cdk-virtual-scroll-viewport::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #F5F5F5; } cdk-v

我尝试在显示后缀图标的输入中显示工具提示消息。我想我做了文档上说的每件事，但总是得到一个错误，而不是我想要的 ERROR Error: No component factory found for TooltipComponent. Did you add it to @NgModule.entryComponents? 组件技术 @NgModule({ declarations: [ MyComponent ], imports: [ MatTooltipModu

我们以前的互联网站点从数据库获取数据，并且在文本中包含HTML标记，用于格式化站点中的文本。我解释 当我调用数据库获取字段信息的文本时。 案文是： "List of available city:<br>1-Boston<br>2-Washington<br>3-Miami... etc" 现在我们使用Angular和Mat Table创建一个新站点。这些信息来自同一个数据库，该数据库已经使用一些HTML标记格式化了文本 如果我使用此代码： &l

我试图找到如何添加角材质，以处理划分为模块的角材质。它只能在根目录下工作，但不能在模块中工作 ng add @angular/material package.json "dependencies": { "@angular/animations": "^9.1.0-rc.2", "@angular/cdk": "^9.1.3", "@angular/common": "~9.1.0-rc.1", "@angular/compiler": "~9.1.0-rc.

我是Angular的新手，一直在尝试为我的Mat表在createDate列上创建一个日期范围过滤器。当我点击filter按钮时，它只是填充一个空白表。筛选器的代码位于构造函数和datFil（）中。我试过几种不同的方法，但都没用。任何帮助都将不胜感激 打字机 import { HttpClient, HttpHeaders } from '@angular/common/http'; import { Observable } from 'rxjs'; import { MatSort} from

扩展时是否可以将mat扩展标题放在mat扩展内容的底部 我只在标题中有一个箭头，所以当面板展开时，我希望箭头位于面板底部 多谢各位

这就是目前芯片的堆叠方式： 左边的空间明显小于右边的空间。如何使芯片居中，使两边的边距均匀？我曾尝试将自定义css类与text-align:center和vertical-align:middle一起使用，但都不起作用 编辑：以下代码供参考： <mat-form-field class = "chiplist" *ngIf="advancedFilterList.length > 0"> <mat-chip-list class

我用的是它们不允许拖拽的混合方向，所以我用它来处理两个方向 但是在上一个版本中，他们删除了CdkDropList.entermethod 那么现在我如何才能获得与以前相同的结果呢？这里是解决方案： 这是angular 9版本的新代码： this.source._dropListRef.start(); this.placeholder._dropListRef.enter(drag._dragRef, drag.element.nativeElement.offsetLeft, drag.el

对不起，如果我的问题听起来很愚蠢，但我仍在学习 我有一个游戏板网格，由我的组件中的number[][创建： private getEmptyBoard(): number[][] { return Array.from({ length: 10 }, () => Array(10).fill(0)); } onDrop(event: CdkDragDrop<string[]>) { console.log(event.container.data);

如何在不失去涟漪效果的情况下更改角材质开关按钮的颜色 请参见此处的代码笔： 我已将颜色更改为#03A9F4，现在涟漪效应无法正常工作 代码如下： <div class="inset switchdemoBasicUsage" ng-controller="SwitchDemoCtrl" ng-app="MyApp"> <md-switch class="md-primary" md-no-ink="" aria-label="Switch No Ink" ng-model=

我有一个容器，它是一行，如果屏幕大小大于角材质中的“sm” <div layout="column" layout-gt-sm="row" layout-margin="20px" > <div id="div1" flex="80"> </div> <div id="div2" flex="20"> </div> </div> </div> 当它变成一列时，我需要将我的div2堆叠

我遵循material.io中显示的所有步骤 npm install --save @angular/material 当我试图使用如所示的侧导航栏组件时- 我抛出的“ng template”不是已知元素“错误” material.io不同于angular material:material.angularjs.org，是两个不同的库，因此您需要安装，使用：npm安装angular material是一个react库，以谷歌的材料设计为基础构建 这个问题是与MUI有关，还是只提到angular

我正试图让一个步进器根据用户离开的位置转到一个设定的问题。我正在使用selectedIndex，并将其设置为从服务器检索到的数字 Html: 这是行不通的。如果我这样做，我会得到这个错误 ERROR Error: cdkStepper: Cannot assign out-of-bounds value to `selectedIndex`. 但是，如果我简单地将html更改为不使用currentQuestion，而只使用一个数字，或者一个我定义为1、2等的变量，它确实可以工作。如果我只是把c

需要在mat datepicker中为特定日期添加mat工具提示 我尝试使用此代码，但是document.queryselectoral（“.endDate.mat日历内容[ng reflect ng switch='month']”）；正在返回空数组 可能是@Roopa的复制品你有没有弄明白这一点？

我正在使用“材质”对话框显示条目的详细信息。我将数据传递给构造函数中的对话。然而，尽管变量存在且不为null，但由于某些原因，数据不会显示 下面是我的对话 import {Component, Inject, OnDestroy, OnInit} from '@angular/core'; import {Incident} from '../incident'; import {IncidentsService} from '../incidents.service'; import {MAT

我收到的mat select on（selectionChange）事件未定义为$event.value。它返回第一个mat-option的正确值。mat-option的值为“All”，但未定义 <mat-form-field> <mat-select [(value)]="regionOption" (selectionChange)="regionSelectionChange($event)" placeholder=

我有以下几点： 我所期望的是，当我进入页面时，他们都被选中了，但这并没有发生。当我进入页面时，只有“全部”选项被选中，但其他选项没有被选中；然后，如果我取消选中“全部”选项，然后再重新选中，则所有选项都被正确选择。 我不明白为什么会发生这种情况，因为我在ngOnInit和“all（）”方法中都执行相同的操作。您必须在ngAfterViewInit中执行全选，因为在mat select加载值之前，您触发了all（）函数。这是因为在角度生命周期中，mat select的值仅在视图初始化后加载。您必须

我正在创建一个Angular 9 web应用程序，根据用户的选择更改主题，类似于。为了处理mat select的透明背景，我参考了 角度材质，在全局覆盖容器中添加自定义主题类，如下所示 export class AppModule { constructor(overlayContainer: OverlayContainer) { overlayContainer.getContainerElement().classList.add('purple-amber'); ov

我想安装MDBootstrap（materialdesignforbootstrap），但我发现了两个命令 => npm install mdbootstrap or => npm install angular-bootstrap-md 我不确定上述两个命令（包）之间的区别。 它们是相同的还是不同的？如果不同，那么它们之间的区别是什么 提前感谢。mdbootstrap添加了mdbootstrap库的css/js文件angular bootstrap md，是一个包含angular

目前，每当我键入内容时，md search text change事件就会触发一个调用。我想推迟。我试过使用debounce。但这并没有奏效 您可以使用md autocomplete的“md delay”属性来实现这一点。有关更多帮助，请参阅文档： 最好的方法是使用AngularJs md autocomplete指令。您只需添加md delay=“”和/或md min length=“”（以防您希望在特定输入长度后开始搜索） 虽然有点晚了，但希望能有所帮助

我正在尝试制作一个带有菜单的侧导航栏，其中包含部分和子吸液。问题是mat列表看起来像一个大的透明矩形，并且检查列表是否正确呈现。 感谢您的帮助 <div fxLayout="column" > <div fxLayout="row" fxFlex="100%" > <app-header fxFlex="100%"> </app-header> </div> &

在下面的代码中，我的国家/地区选择选项被触发了很多次，以致浏览器停止响应 <div [formGroup]="countryForm"> <mat-form-field> <mat-select formControlName="selectedCountry" class="my-item-text" placeholder="Country"> <mat-option (onSelectionChange)="onCountr

我有一个按钮，这是垫平面按钮与背景颜色为浅蓝色。当它被点击，一些弹出窗口将根据我的要求来。我注意到按钮的背景颜色在单击后变暗。一旦我关闭了弹出窗口，mat flat按钮的背景色必须变成正常的浅蓝色。但是，这并没有发生，按钮的背景色仍然处于变暗模式。只有当我执行了鼠标蓝色事件时，正常的背景颜色才会变成正常的浅蓝色。为什么会发生这种情况？我对Angular是个新手，我尝试了很多方法来解决这个问题，但运气不佳。有没有其他方法可以实现这一点 谢谢。这是来自材料设计。你有更多的地位。具有焦点、悬停、活动（

我正试图把我们的角材料CDKDRAGRADOP 试图从嵌套对象填充列表。我可以显示列表，但在尝试移动项目时，它不会显示在“添加的详细信息”列表中 代码：在代码中，您使用的是moveItemInArray和transferArrayItem，它期望（顾名思义）第一个参数是数组。在您的例子中，您将它指向一个对象，因此该方法在内部抛出 您要做的是将中的实际集合用作两个容器中的[cdkDropListData]。然后，在*ngFor指令中迭代这些相同的集合 因此，在构造函数中/onInit将对象转换为数

在多模式下使用mat select，如果作为选择选项一部分的值是对象，是否可以预先设置选定值 例如，如果选择中的选项如下所示 toppingList: any[] = [ { id: 1, description: 'Extra cheese' }, { id: 2, description: 'Mushroom' }, { id: 3, description: 'Onion' }, { id: 4, description: 'Pepperoni' }, { id: 5,

我正在尝试使用AutoComplete 但当我选择一个值时，显示值显示为Object Object 我的代码是 <div id="practice-questions-tags-form-div" > <label id="tag-selection-label" for="language-selector" class="control-label "> Select a

我有一个带有垫菜单的垫表： 通知关闭 指数 语音信箱 创建于 指数 {{vms.index} 创建于 {{vms.vm_在}创建} 我还有一个菜单，显示displayedCloumns，我试图在单击菜单时显示和隐藏列。例如索引或创建数据 组件 displayedColumns = ['index', 'createdAt']; dataSource; 角度材质文档中的示例解释、显示和隐藏随机列，并使用切片和推送 我试图在单击时显示和隐藏特定列 有什么方法可以让它工作吗？我确信有几种方法可以

我正在努力学习。在这一点上，我需要在Angular 8中开发一个材质树。 我一直在尝试运行这个例子，基于Angular 7…在本地Angular 8设置上： …但不是像这样得到这棵树： …对我来说，它是这样呈现的： 有什么线索，我遗漏了什么，在哪里吗？ （我的代码是StackBlitz示例中的同上复制粘贴，除了My package.json有8个库）您需要将字体包括到index.html文件中 <link href="https://fonts.googleapis.com/ic