我正在使用$mdToast（Angular Material framework）指令在我的Angular（-Material）web应用程序中显示几个状态消息 当用户登录时，如果登录成功，则通过调用以下命令显示toast： $scope.showToastMessage = function() { var toast = $mdToast.simple() .content("Login successful);

我正在尝试角度材质，尤其是flex布局属性 我有一个列布局，其中包含一个带有行布局的子div，它还包含另外两个子项，其中一个子项具有flex 我想要的是滚动第一个子项，而不是第二个子项 <div ng-app="app" layout="column" class="demo" > <md-toolbar> <h2 class="md-toolbar-tools"> <span>Toolbar</span

嗨，我是个新手。我使用的是一个3行2列的mat表。我想在单击mat输入时启用/禁用行中的mat按钮。我实现了单击事件，但是，属性被分配给所有按钮。我希望它被分配到一行中的一个按钮。非常感谢您的帮助 这是我的密码 html } <mat-table #user [dataSource]="activeDataSource"> <ng-container matColumnDef="email"> <mat-header-cell *matHeaderCe

我很难让分类标题正常工作。我附上了一个我的应用程序的实时演示，它的标题排序不起作用，以及我用来实现这一点的代码。当我点击标题时，我没有得到响应。没有错误，没有排序，没有反馈。我做了以下工作： 将matSort指令添加到表中 在每个标题中添加了mat排序标题 已将MatSortModule导入app.module.ts 向表数据源提供了MatSort指令 标题是可单击的，并且有切换箭头，但单击时不会对行进行排序。这是因为在DOM中呈现表格之前，您正在将数据源的排序初始化为matSort（因为*ng

我使用的是角度材质和角度谷歌地图。我在时髦的信息窗口中有一个有角度的材质窗体，它在正常模式下工作良好。它很好地显示了mat select，但当我单击全屏按钮时，mat select中的mat选项不会显示。我一走出全屏模式，就会看到选项面板 这是一个错误还是我遗漏了什么。如果使用本机选择而不是mat选择，则会显示下拉选项 正常模式 全屏模式 在谷歌地图的全屏模式下，mat select不显示面板，但当我检查它时，它就在那里 此问题由设计重叠引起，请尝试此操作 最重要的是别忘了把它放在styl

我正在开发一个Angular 7 web应用程序，正在努力使用Mat选择列表，在该列表中，我允许用户拖放Mat列表选项项 每个mat list选项项都包含一个div，该div使用Flex布局按如下方式排列其组件： <mat-selection-list #taskGroupSelectionList cdkDropList [(ngModel)]="s

我使用材料设计flexbox布局，在一个盒子中，我有两个盒子。我在JSFIDLE上创建，以澄清我的意思： 我想在这些盒子之间留出一个空间 <div flex layout="row" layout-align="space-between center"> <md-toolbar flex="15"> <h2 class="md-toolbar-tools">

角度材料mdToast维修文档显示，位置可以是底部、左侧、顶部、右侧、适合的任意组合。 如何定制吐司以显示在“顶部中间”位置？ 这个'fit'选项用于什么？将演示代码更改为下面的代码没有帮助 $mdToast.simple() .content('Simple Toast!') .position('fit') .hideDelay(3000) 如果你想把吐司放在中间，只需加上 md-toast.md-top { left: 50%;

我试图通过属性绑定（方括号语法）输出以下html标记 检查 列表标题1 列表项1的内容 检查 清单标题2 列表项2的内容 检查 清单标题3 列表项3的内容 有关上面的标记，请参见：） 在html模板中输出： 即使我通过bypassSecurityTrustHtml（）方法处理html，列表也不会按应有的方式显示( ) 让我困惑的是html输出，它似乎是正确的，但列表显示不正确 看看我为这个问题创建的以下stackblitz: 知道我做错了什么吗 ----更新1--- 通过获取html（或者

问题: 我尝试使用类似于页面顶部的角度材质来获取静态标题菜单组件。这是否可能与任何材质组件有关，请任何人帮助定制一个。使用来自Angle material的。 利用css属性和html标记实现静态标题 方法： 1.将高度：100%，宽度：100%指定给html、body和您的应用程序组件（根组件）。 二,。制作两个容器-一个标题，另一个内容容器。 三,。将高度：50px指定给标题，剩余高度即计算（100%-50px）指定给内容容器 -------- app.component.ts---

我有一张反应表&一张表格 本案： 当我选择食物类型时：输入， 然后会出现输入， 当我选择食物类型时：选择， 然后将出现选择 对于formArray索引0，还没有问题， 但是当索引1选择输入时，问题就出现了，所有的输入都改变了 我已将我的代码存储在stackblitz“”

我一直在玩弄Material Design[版本：11.0.3]表的 基本上，我想发出一个请求，获取响应并显示它，以及排序和限制显示项目的选项（分页） 如果我只是将connect函数的内容替换为“返回响应的一个映射的可观察对象”，那么效果很好，但是排序和分页显然不再起作用（因为它们被删除了），我也不知道如何使它们起作用 我假设示例分页和排序要求在页面加载/初始化时数据已经存在（例如，使用静态数组）。 将请求放在connect（）函数中，将响应的对象保存到一个变量中，然后进行订阅。但是，在排序或分

是否可以将下拉菜单放在MD-tabs中的一个选项卡内。像这样的 能够通过以下方式实现这一点 <md-tab > <md-menu> <div ng-click="$mdOpenMenu($event)"> <span>Testing</span> <md-icon md-font-icon="fa

在我的表格中，我有一系列的申请人。对于每个申请者，我想显示一个“mat step”（angular material 2 stepper），并使用FormarAyname=“申请者”创建一个父div。但当我用div或ng容器封装“mat step”时，它并没有显示步骤 <mat-step label="Step 1"> </mat-step> <ng-container formArrayName="applicants"> <mat-step

这是component.html <div class="example-container"> <div class="pb-16" fxLayout="row" fxLayoutAlign="start center"> <div class="h2 secondary-text"> <b> <u>Profile Details of {{rows ? rows?.catego

我希望我的表单字段看起来正确。但是，第一个字段的提示文本与其下方的第二个字段相交，文本显示为脏文本。我的目标是分离这些重叠的文本。但我还没有找到解决方案。我怎样才能解决这个问题 我不希望表单看起来像图片中的那样 编辑：我正在使用他官方网站上建议的方法。 编辑2： userform.component.html <div class="col-lg-8 mx-auto mt-5"> <mat-card class="fullbar"> <div cla

我正在使用使用动态组件的材质在角度上进行应用 目前我有一个简单的文本组件，您将mat-body-1设置为type，将data设置为Hello-kind people，因此它可能具有如下json结构： { selector: "app-text", type: "mat-body-1", data: "Hello kind people" } 请原谅这里的psudeo代码，但所需要的似乎更丰富： { selector: "app-text", data: "`<

由于不同的配置，我必须编写相同的自动完成两次。唯一的区别是一个使用md浮动标签，另一个使用占位符。有没有一种方法可以只实现一个autocomplete，它会因为一个值而决定使用其中一个 我试图实现一个自定义属性指令。因此，angular无法编译模板并崩溃 以下示例显示了我的当前代码： <md-autocomplete ng-disabled="ctrl.isDisabled" md-no-cache="ctrl.noCache" md-selected

我有angular 6，即使ng generate@angular/material:material nav--name home不起作用 有这样的错误吗 无法解析集合“@angular/material”。 错误：无法解析集合“@angular/material”。 在NodeModulesEngineHost.\u resolveCollectionPath（/Users/mac/angular/retroAngular/node\u modules/@angular devkit/sch

我正在设置一个角度项目，以使用角度材质框架。我也在用。当我试图创建一个表单时，我得到一个如下所示的双控件 以下是我创建此字段的方式： 使用角度材质MatInput和MatFormField或MaterialECSS，但不能同时使用两者。它们都在输入中添加了自己的样式，导致了您看到的问题。使用角度材质MatInput和MatFormField或MaterializeCSS，但不能同时使用两者。它们都在输入中添加了自己的样式，导致了您看到的问题。谢谢您的快速回复。我会尝试一下，然后再报告。摆脱E

我根据Angular文档实现了Angular Material mat tab和mat tab group，但是当我点击tab 2然后返回tab 1时遇到了一个问题。第一个选项卡的大小会变大，然后恢复正常： 在选项卡2上点击选项卡1 几分钟后，点击tab one后，它会恢复正常 代码很简单： <div *ngIf="auth.isLoggedIn()"> <mat-tab-group animationDuration="1000ms"> <mat-ta

我用的是有角度的材料，有3个不同的主题。我试图制作一个“脉冲”动画，我用主题的主色调来脉冲 现在从我读到的内容来看，angular并没有将关键帧范围限定到组件，而是全局声明它们。因此，无论我上一次声明的主题在哪里，它都会覆盖上一个主题，最终所有主题的kyframes颜色都是相同的 我创建了自定义组件，并添加了关键帧和动画，如下所示。但是，当我改变每个主题时，颜色不会改变 什么是正确的方法来做到这一点，仍然使用主题的原色 @import '~@angular/material/theming';

这是关于棱角材料的碎片， 你知道，上面不允许有相同的名字， 所以我想计算一下我在上面写了多少次相同的名字。 例如： 苹果（1）、木瓜（1）、柚子（1）。 然后我再写一次“Pome”它会变成这样， 苹果（1）、木瓜（1）、柚子（2） 谢谢你的帮助… var-app=angular.module（'StarterApp'，['ngMaterial']）； app.controller（'AppCtrl'，['$scope'，'$mdSidenav'，函数（$scope，$mdSidenav） { $

我想让制表符伸展到其父div的全宽。有人知道怎么做吗 <div class="tabs-header"> <mat-tab-group> <mat-tab label="Signup">Content 1</mat-tab> <mat-tab label="Login">Content 2</mat-tab> </mat-tab-group> </div>

下面是这种行为的一个例子。我希望看到的是，当单击“完成”按钮时，第一步就完成了，因此图标将更改为“10”。但是，没有任何更改，即使移动到第二步，图标仍然是“创建”。我是否误解了completed属性的工作原理，或者材料代码中是否存在缺陷？这里有两个问题： 图标为“创建”： 步进器依赖于材质图标。将材质图标添加到项目中时，'cre'图标将消失 此外，创建/编辑图标是完成步骤的正常行为。如果希望将步骤标记为完成，则必须设置completed=true和editable=false 另一个问题是使用l

如何从角度材质日期选择器转换此类数据 dateFrom: '2018-10-03T16:00:00.000Z' 到这种类型的数据，由Date.now生成 dateFrom : '2018-10-10 14:50:16.479' 然后我将使用查询中的数据 console.log（矩（'2018-10-03T16:00:00.000Z'）格式（'YYYY-MM-DD HH:MM:ss.SSS'）

我正在使用Angular4编写一个表单，其中包含一些非常基本的验证，我只想确保在用户点击“提交”之前填写一些字段。使用“必需”属性和角度材质可以确保我的字段将显示一个星号，如果用户触摸这些字段而不输入任何值，这些字段将变为红色 我遇到的问题是表单是可提交的，即使不是所有字段都已填写。某些字段仍将具有ng invalid属性，但表单标记显示ng valid属性。其他字段按预期工作，表单在正确填写之前无效 这是我表格的标签： 这里有一个表单字段的例子，它有正确的处理方式；如果我将这样的属性留空，表

我在我的项目中使用了材质图标。在浏览器上可以看到所有其他图标。 但无法看到打开和关闭开关。 我就是这样写的 <mat-icon color="accent">toggle_off</mat-icon> <mat-icon color="primary">toggle_off</mat-icon> 关闭 关闭 有人能帮忙吗？我发现这个链接很旧。不确定是否相关，因为这个问题是最近的。我现在也面临同样的问题。我

我有个小问题。“角度材质滑动切换”按钮有时在浏览器中变为黄色。颜色为“原色”，应为蓝色。 在硬加载后，它会像应该的那样变成蓝色。我能做些什么？这种情况并非每次都会发生，但我在开发过程中遇到过几次

什么控制md autocomplete下拉列表中显示的项目数 我的空间大于显示的5个。您的意思是增加自动完成结果容器的高度吗？如果是这样的话，这在角材料开箱即用的情况下是不可能的。看这个 当它被发布在一个问题评论中时，作为一种解决方法，你可以使用一些css技巧。大概是这样的： .md-virtual-repeat-container.md-autocomplete-suggestions-container { height: 350px; max-height: 350px !

我有两个数组，分别称为1.Courses和2.Categories每个课程都有不同的类别。我想通过category使用mat复选框过滤课程 示例：javascript是一个课程名称，脚本编写是类别 这是 下面是该方法的屏幕截图： 它应该适用于多个复选框过滤，谢谢您。因此，使用您当前的方法IMO，最简单的方法是创建一个新的课程数组filteredCourses，并在模板中迭代 OnInit，将filteredCourses设置为courses，以便在init上呈现所有课程 ngOnInit()

我正在尝试使用材质创建通用表组件。 我需要能够检查行的条件，以决定是否应该禁用行。还需要处理行单击事件等 在不操纵数据源的情况下，最好的方法是什么

我正在使用md highlight text根据搜索结果突出显示复选框标签列表中的单词。但我想突出显示搜索到的多个单词。。指令中没有此选项/标志 md站点的代码示例： <input placeholder="Enter a search term..." ng-model="searchTerm" type="text"> <ul> <li ng-repeat="result in results" md-highlight-text="searchTerm"&

我发现这个片段是为了禁用以前的日期 <md-datepicker ng-model="myDate" md-placeholder="Enter date" md-min-date="minDate" md-max-date="maxDate"></md-datepicker> 但是我不想输入minDate，而是想指定系统日期。 请帮助我像这样记住今天的价值 var min

我的scss文件无法识别mat-core（）mixin。它将错误显示为“未声明的混合” 更新angular/cli版本，并在第一行中为导入angular主题提供正确的路径值。它解决了问题花了几个小时后，我终于找到了答案，而不是这个 @导入“~@角度/材质/主题化” 使用这个 @import'../node_modules/@angular/material/theming' （问题在于路径）：）材料的哪个版本？@angular/material@2.0.0-beta.10-6b5100b@Fai

我的名字是“6xxxxxxxxxxxx”。“x”表示一个空格。我想显示保留空格的名称。上面的代码在显示时删除了额外的空格。显示屏显示“6x6”。如何保留空间？我通过使用超光速子添加class=“pre”解决了这个问题 <div> <mat-table #table [dataSource]="dataSource" > <!-- Name Column --> <ng-container matColumnDef="name"> <mat

我想在mat标签中显示文本，比如一些标题和it字幕。例如，在标题和副标题可以一个接一个地设置和显示的位置 是否可以使mat标签中的文本显示为此屏幕截图？ 这里是我尝试过的地方，但没有任何效果-所有标记总是以内联方式显示。仅使用HTML，Angular Material使用内联flex将它们格式化，并将它们放在一行上。您需要使用：：ng deep组合器来更改阴影树中组件的样式。一篇关于谷歌的小文章 还有答案。当然，向其中添加类并调整样式表，这样您就不会操作所有选项卡，除非这是您想要的。仅使用HT

我开始尝试使用角度材质（具体为0.8.3版）。 从主题化相关指令的代码和mdThemingProvider源代码中，我发现浅前景是为暗主题定义的。但文本段落的文本与默认文本一样保持黑色。 即使使用他们的输入演示示例代码，也存在颜色问题。当您删除标题和电子邮件的内容时，输入字段占位符文本将变为深灰色，因此几乎不可见。 我只是开始查看他们的库源代码，无法找到如何将段落和占位符的文本更改为对比文本。 通过简单查看core/services/theming/theme.palete.js文件，我发现一些

对于角度5+材质库 核心问题是： 我有一个输入字段，应该接受逗号分隔的单词列表。这些单词中的一些可能来自预先存在的列表，一些可能是全新的。因此，如果单词恰好来自预先存在的列表，我希望允许自动完成来完成它。我无法让这一切发生。任何帮助都将不胜感激 分隔符可以不是逗号 我想我看到了一本教程，主要是一本关于这方面的书。这并不是我想要达到的目标。不幸的是，我没有保存它。如果有人有这个链接，它会有所帮助 这是我现在的代码。它的行为更像一个下拉列表，然后像自动完成 <mat-form-field>

我正在使用mat对话框创建一个包含100个输入框的对话框。因此，加载需要几秒钟的时间。我想在加载对话框时显示忙碌指示器 非常简单的代码。单击按钮时，我将布尔值设置为true并调用dialog.open（）。然后在dialogRef.afterOpened（）事件中将其设置为false 但是在dialog.open（）事件完成之前，布尔值不会设置为true。我不明白为什么 这里是闪电战 输入值，例如1000； 我希望在单击“添加”按钮后不久会出现“对话框打开…”（靠近“添加”按钮）文本。但在对话

我尝试定位覆盖，右上角位于鼠标位置。为了让它形象化，我将向您展示一个图形，它应该是什么样子以及我得到了什么 因此，要在鼠标右上角定位覆盖，必须从event.clientX值中减去覆盖的宽度（见下文）。但是总宽度必须是动态的，这取决于覆盖内容的宽度。随着时间的推移，这可能会有所不同。那么，如何获得覆盖宽度的精确值，并在之后对其进行定位呢 打开覆盖图的按钮： <button (click)="showTasks($event)"></button> 覆盖服务： @Inje

我想实现格式2的输出，我只得到格式1。所以请帮帮我。我该怎么做？请帮帮我，我是新来的。如果我犯了愚蠢的错误，请不要对我苛刻。非常感谢。 非常感谢。 我想实现格式2的输出，我只得到格式1。所以请帮帮我。我该怎么做？请帮帮我，我是新来的。如果我犯了愚蠢的错误，请不要对我苛刻。非常感谢。 多谢各位 format:1(present output) "subjectList": [ { "subject": [ { "subjectId": 1, "subject": "English" } ] }

我试图放置动态主题，但我不能花费$mdthemingprovider的作用域、变量 我认为这是我的资源的提供者，但不知道如何创建一个 我现在使用的两个表单是$rootScope和$cacheFactory，在这两个表单中我保存了全局变量，以便在整个应用程序中访问。但在$mdthemingprovider上，两者都不接受

我第一次使用角材料。我遇到了自动完成的问题。以下是我的模板： {{item.GEOType}{{item.GEOName+（item.country？'/'+item.country:''）} 没有找到匹配项。 在ctrl中，我有： $scope.querySearch=函数（查询）{ var geodataapirl='/api/TargetSettings/RetrieveCorridorLeverValues'； if（query.length

我不会更改输入占位符文本的颜色。它在一个垫子抽屉里。我尝试了几种方法：添加一个新类，在dev工具中查找该元素的路径。我对更改背景没有问题，但文本颜色根本不会更改。 我需要一些指导 html文件 <div class="selected-column" style="height: 90%" fxFlex="10" fxFlex.xs="100"> <mat-form-field style="width: 100px"> <

在我的角度应用程序中，有两个材质按钮紧挨着。我想在它们之间加一点填充物。但是，当我在左侧按钮上添加addpadding right时，我的结果是： | button || button | 为此： | button || button | 但我想要的是： | button | | button | ** 有很多方法可以解决这个问题。请看下面我的一些建议 观察。 -您可以添加；（非中断空间）在两个材质按钮之间 按钮1 ；按钮2 第二

我将角度材质和尾风CSS结合使用。当我在使用输入元素时应用matInput时，没有问题，但是当我将输入类型设置为数字时，当我关注输入组件时，会在组件周围创建一个轮廓。如下图所示 谢天谢地，我终于明白了。我已经处理这件事三天了。这些建议对我都不起作用。我使用角材料和滑石。当我在MatInput组件中创建输入类型编号时，当我单击该组件时，输入零件周围会出现一个轮廓。最后，在tailwind.config.js文件中，我删除了插件数组中的[require（'@tailwindcss/forms'）]部

当我使用棱角材料来构建我的项目时，我遇到了一个问题。我想用工具提示显示用户的操作历史，每一行都是一段数据，就像这样， 。守则如下： {{operation_history.create_name}}:{{{operation_history.create_time} {{operation\u history.old\u status}-{{{operation\u history.new\u status}} 历史 md工具提示高度似乎设置为等于角度材质中的线条高度 尝试以下方法 .md-

我在我的项目中使用了beta 8的角度材质。从那时起，它从未更新过。现在v5可用了，我们希望这样做。在这样做的时候我应该考虑什么？任何指向它的信息或指针都会非常有用 谢谢 您需要做的是： 由于MaterialModule已被删除，您必须将应用程序所需的模块分别导入另一个模块（例如MyMaterialModule，并确保它位于BrowserModule之后）、一个const，或者在BrowserModule之后单独添加模块。有关更多信息，请访问 md选择器已被删除并替换为mat（以及类）。要更新，

“取消”和“创建”按钮应按角度材质准则放置在何处 它应该放在右下角，但应该放在右下角像“取消创建”这样的“创建”按钮之前，还是应该放在像“创建取消”这样的“创建”按钮之后 对话框设计文章中所示的操作按钮布置， mdc-dialog\u actions元素中的按钮被排列 默认情况下，在水平方向上，最后执行确认操作 如果按钮文本太长，所有按钮都无法安装在屏幕上 单行，按钮垂直堆叠，带有确认 先采取行动 默认情况下，MDC对话框会自动检测并处理此问题， 应用堆叠布局时反转按钮 因此，“创建”按钮应该放